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:概念补充
什么是单页应用?
定义:页面跳转无刷新
方法:利用路由控制"页面"跳转
优点:页面切换流畅,前后端分离