angular-cli安裝及build項目_angular2

1.安裝Node.js
URL:https://nodejs.org/en/download/
選擇合適的版本進行安裝


2.安裝AngularJS CLI
angular是用typescript編寫的，所以先安裝typescript，再安裝angularjs-cli
npm install -g typescript typings
npm install -g angular-cli --ignore-scripts
npm install


3.build項目

在需要build的路徑下，先運行npm install,再運行ng build，即可以產生build後的dist檔案夾

tips:
清空npm緩衝：npm cache clean
查看npm源：npm config get registry
臨時切換npm源為taobao源（速度快一點）：npm config set registry https://registry.npm.taobao.org

設定可以查看npm進度：npm config set loglevel=http

-----------------------------------------------------------------------

安裝cli

npm install -g angular-cli

如果安裝過以前的版本，請執行以下命令，進行更新：

npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@latest

舊版本的cli使用的是SystemJS而最新的建立，是基於webpack構建。

舊版本的angular2(rc1-rc6)可以查看更新步驟

在這裡有意思的是，筆者卸載angular-cli後，在安裝時出現了Build failed的錯誤最終找到原因是卸載沒有卸載乾淨。去全域目錄中刪除相關的ng檔案。

常用ng命令

ng new project-name - 建立一個新項目，置為預設設定
ng build - 構建/編譯應用
ng test - 運行單元測試
ng e2e - 運行端到端（end-to-end）測試
ng serve - 啟動一個小型web伺服器，用於託管應用
ng deploy - 即開即用，部署到Github Pages或者Firebase
ng generate component my-comp - 產生一個新組件，同時產生其測試規格和相應的HTML/CSS檔案
ng generate directive my-directive - 產生一個新指令
ng generate pipe my-pipe - 產生一個新管道
ng generate service my-service - 產生一個新服務
ng generate route my-route - 產生一個新路由
ng generate class my-class - 產生一個簡易的模型類