AngularJS 学习笔记(一) 开发环境搭建

Step1:Download project

git工具下载地址：https://git-scm.com/download

git clone：https://github.com/angular/angular-phonecat.git

 

 

并将git 安装目录的cmd和bin文件夹 path 添加到系统变量PATH 中，然后重启cmd 输入dos命令查看是否成功

 

 

Step2:Download vs code

 

 

Step3:Download node.js

https://nodejs.org

安装完成后，cmd 输入node -v查看 版本

 

Step 4:安装工具包

cd D:\Program Files\nodejs\node_modules\npm 进入nodejs 安装目录 并cmd运行“npm install”

 

这个命令会下载如下工具到 node_modules 目录：

• Bower - 客户端代码包管理工具
• Http-Server - 简单的本地静态Web服务器
• Karma - 单元测试工具
• Protractor - 端到端(E2E)测试工具

 并下载AngularJS框架到app/bower_components。

如运行下载命令失败，注意admin权限运行cmd，右点以admin运行 

或者 单独安装

npm install -g bower

 

输入 “npm start”  ，就会创建一个Web服务器，默认监听端口是8000

cmd进入demo 项目目录 E:\AngularJS\phonecat\angular-phonecat 输入 npm start

 

 

 需要注意的是：git项目安装的bin目录和cmd目录要配置在系统环境变量的PATH下，并重启cmd窗口即可。

 Step5 :运行实例

已经start成功 输入http://localhost:8000/

 运行成功截图