最近項目使用angular2,1和2版本變化大變樣。下面總結一些學習網(wǎng)址及安裝步驟。

?

中文官網(wǎng)(必看)：

https://angular.cn

懶人學習：

http://www.imooc.com/learn/789

支持bootstrap UI組件

https://github.com/angular-ui/bootstrap

大漠老師杰作（有視頻源代碼）：

http://git.oschina.net/mumu-osc/NiceFish

?

安裝環(huán)境，首先需要安裝cli，記得全局安裝

#angular cli安裝
npm install -g angular-cli

?

cli安裝后，我們可以用ng開頭的指令（就當做npm理解就行），下面創(chuàng)建項目

#cmd到項目目錄下，創(chuàng)建項目 ng new project_name #進入項目目錄 cd project_name
#安裝相關項目包，具體包package.json里的dependencies和devDependencies有體現(xiàn)
#下面步驟用npm install也可以
ng init

包安裝好后，可以啟動我們的項目,執(zhí)行后，我們可以在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

最后的打包發(fā)布

ng build

?

轉載于:https://www.cnblogs.com/Anlycp/p/7080642.html

總結

以上是生活随笔為你收集整理的Angular2入门学习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。