最近項目使用angular2,1和2版本變化大變樣。下麵總結一些學習網址及安裝步驟。 中文官網(必看)： https://angular.cn 懶人學習： http://www.imooc.com/learn/789 支持bootstrap UI組件 https://github.com/angul ...
最近項目使用angular2,1和2版本變化大變樣。下麵總結一些學習網址及安裝步驟。
中文官網(必看)：
https://angular.cn
懶人學習：
http://www.imooc.com/learn/789
支持bootstrap UI組件
https://github.com/angular-ui/bootstrap
大漠老師傑作（有視頻源代碼）：
http://git.oschina.net/mumu-osc/NiceFish
安裝環境，首先需要安裝cli，記得全局安裝
#angular cli安裝
npm install -g angular-cli
cli安裝後，我們可以用ng開頭的指令（就當做npm理解就行），下麵創建項目
#cmd到項目目錄下，創建項目 ng new project_name #進入項目目錄 cd project_name
#安裝相關項目包，具體包package.json里的dependencies和devDependencies有體現
#下麵步驟用npm install也可以
ng init
包安裝好後，可以啟動我們的項目,執行後，我們可以在http://localhost:4200中打開
#啟動項目
#下麵步驟用npm start也可以
ng serve
想同事打開多個項目，可修改項目埠號
#修改預設埠4200 -> 修改為（3000）
ng serve --port 3000
或 ng serve -p 3000
還有一個方法修改項目埠但不推薦
項目目錄\node_modules\angular-cli\lib\config\schema.json
#serve中 "default": 4200 改為 "default": 3000
最後的打包發佈
ng build
