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：概念補充

　　什麼是單頁應用？

　　　　定義：頁面跳轉無刷新

　　　　方法：利用路由控制"頁面"跳轉

　　　　優勢：頁面切換流暢，先後端分離