AngularJS案例教程学习-----AngularJS开始

 

英文教程在线文档：https://docs.angularjs.org/tutorial

前期准备：

1.下载,安装Git：http://git-scm.com/

2.下载,安装NodeJs：https://nodejs.org/en/

　　查看是否安装成功:node --version,出现版本号则表示安装成功。

 

获取文件：

1.通过git命令获取AngularJS文件

　　打开Git bash,键入命令：git clone --depth=14 https://github.com/angular/angular-phonecat.git

2.获取文件后，进入angular-phonecat文件夹(后续操作都在这个路径下进行)

　　cd angular-phonecat

　　注意：windows 命令提示符下，需要定位到这个文件夹：cd /d  路径

3.安装Nodejs的安装工具

　　在 angular-phonecat路径下，键入命令：npm install

　　这个命令，会自动访问 angular-phonecat文件夹下的 package.json 这个文件，并下载下面的工具:

　　　　Bowser :客户端代码包管理工具。

　　　　Http-Server：简易的本地静态服务器。

　　　　Karma：单元测试工具。

　　　　Protractor:端对端测试工具。

　　注意：在安装过程中，可能出现一个问题："fatal: unable to connect to github.com"?

　　　　　解决办法：键入命令：git config --global url."https://".insteadOf git://

4.启动Http-Server服务

　　键入命令 ：npm start

　　注意：在启动服务工程中，可能会报一个错：'The header content contains invalid characters'?

　　　　　解决办法：键入命令：(1)npm install karma --save

　　　　　　　　　　　　　　　(2)npm install http-server -D

　　在重新键入命令：npm start  问题解决，启动成功。

　　

5.启动浏览器访问App

　　在浏览器中打开地址：http://localhost:8000/app/index.html

　　可以修改package.json下的start命令来改变默认IP与端口："start": "http-server -a 0.0.0.0 -p 8000", -a 表示IP，-p表示端口。

　　访问结果：

　　

 

 

 

 

git clone --depth=14 https://github.com/angular/angular-phonecat.git