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 start4.需要用到的命令行: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 访问*******************************************************************************************************************/
相关文章推荐
- ubuntu 12.10 上 android 编译环境搭建的深入解析
- Knockoutjs的环境搭建教程
- angular.element方法汇总
- Angular用来控制元素的展示与否的原生指令介绍
- 使用angular写一个hello world
- ssh项目环境搭建步骤(web项目)
- vue,angular,avalon这三种MVVM框架优缺点
- 怎样搭建PHP开发环境
- 使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
- Android开发环境搭建
- go语言环境搭建简述
- Laravel框架学习笔记(一)环境搭建
- Angular中的Promise对象($q介绍)
- angular简介和其特点介绍
- 从搭建Struts2 开发环境说起
- Hadoop2.X/YARN环境搭建--CentOS7.0 JDK配置
- Hadoop2.X/YARN环境搭建--CentOS7.0系统配置
- Python学习笔记(一)(基础入门之环境搭建)
- angular中使用路由和$location切换视图
- 浅谈AngularJS--基础