您的位置:首页 > Web前端 > AngularJS

1.angular-phonecat环境搭建

2015-09-06 11:25 573 查看

前言:

最近在看angular,像我这样的小菜鸟,都不敢说自己在看angular~T^T,因为莫名的有点羞涩~⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄~。在做搭建环境的笔记之前,我也要像其他大神一样,吐槽一下angular的中文学习网,git上的angular-phonecat项目都已经更新的不要不要的了,但angular官网的学习资料还是2012年的学习文档T^T,本地服务器也不用web-server.js起了,也不用JsTestDriver运行单元测试了(听说名字改成Karma了,再次害羞~⁄(⁄⁄•⁄ω⁄•⁄ ⁄)⁄~)。所以当初搭建环境的时候,遇到了很多麻烦,云里雾里看了很多博客和文档,就莫名其妙的把跑出了“nothing here yet!”(angular第一个程序)。特此,回头整理了一遍。写在这里有个备注,以后能时不时的看下,以便未来装B吓唬实习生。咩哈哈哈……环境安装:1.安装Git安装地址:http://git-scm.com/download 从GitHub上克隆angular-phonecat项目:
git clone --depth=14 https://github.com/angular/angular-phonecat.git[/code]会在你的当前目录下,创建angular-phonecat项目目录。其中 --depth=14:获取前14次的提交。这么多就足够了。在终端进入angular-phonecat目录:
cd angular-phonecat
*后面所有命令都在此目录下进行2.安装Node.js安装地址:http://nodejs.org/download/需要nodejs的版本号是v0.10.27+。所以最好在终端确认下你的nodejs的版本号是多少:
node -v 或者 node --version
安装完nodejs后,你可以执行下面的命令,来自动解决依赖问题:
npm install
 这个命令会下载以下工具到node_modules目录下:Bower:客户端代码管理包Http-Server:简单的本地静态web服务器Karma:单元测试工具Protractor:端到端(E2E)测试工具
3.启动angular程序
在angular-phonecat目录下,切换项目分支:
git checkout -f step-0
把你的工作区切换到step-0分支上开启服务器:
npm start
4.需要用到的命令行:
npm start
: 打开本地开发web服务
npm test
: 运行Karma单元测试 
npm run protractor
: 运行Protractor端到端(E2E)测试 
npm run update-webdriver
: 安装Protractor需要的驱动程序/*******************************************************************************************************************几乎所有的 AngularJS 学习教程,都会写到用这个命令来启动服务: $ node scripts/web-server.js 但实际上 PhoneCat 项目已经放弃使用 web-server 了,git 上取下来的的项目里没有 scripts/web-server.js 文件了。 可以用下面的方式来启动工程:$ npm start通过 http://localhost:8000/app/index.html 访问*******************************************************************************************************************/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息