3 搭建项目开发环境

1） 安装Angular调试插件batarang（主要功能：查看作用域，输出调试信息、性能监控）

　　Google chrome Batarang 百度网盘下载：http://pan.baidu.com/s/1jGILtzg

　　下载后，打开chrome浏览器，点击设置--扩展程序，将下载的插件拖动到扩展程序页面，完成安装后，浏览器工具栏会有图标，进入开发者工具页面，也会看到插件

　　

　　我们可以进入angularjs中文社区网站检测一下插件的使用情况：

　　上图中，我框蓝框的即为我们常用的功能区域。

2） 安装bower--第三方依赖管理工具（bower官网：https://bower.io/）

　　使用npm包管理工具进行安装，打开终端，输入命令$ npm install -g bower进行安装

　　安装完成后可以运行$ bower -v查看安装版本

　　常用命令：bower init、bower install、bower uninstall

　　配置文件：.bowerrc(修改安装目录)、bower.json(管理第三方依赖的文件)

　　tips:.bowerrc文件的创建方式，打开终端，进入项目目录，使用命令$ null>.bowerrc即可创建文件

3）安装Node.js

　　node.js　　http://nodejs.org

　　　　　　　  可以到官方网站下载对应平台的安装包安装即可，如果已经安装，需要把它升级到最新的稳定版本

　　　　　　　  在终端可以输入$node -v来查看node版本以检测是否安装成功

4）安装less--对css进行预编译处理

　　法一：安装iterm或者使用终端都可以，然后输入sudo npm install -g less (mac系统下)

　　法二：去官网下载引用

　　

　　参考文档：http://less.bootcss.com/

　　　　　　　http://www.bootcss.com/p/lesscss/

　　less在线编译器：http://tool.oschina.net/less

 

TIPS：概念补充

　　什么是单页应用？

　　　　定义：页面跳转无刷新

　　　　方法：利用路由控制"页面"跳转

　　　　优点：页面切换流畅，前后端分离