Angular入門之環境搭建（VS code）
環境
Win 64
node:6.11.1
npm:3.10.10
Typescript:2.4.2
VS code:1.14.0
安裝步驟
安裝Node.js
在Node.js官網下載合適的版本，然後按照提示的步驟安裝即可,
不必再去安裝npm,安裝Node.js時,會自動安裝npm
簡單的說，Node.js就是一個伺服器端的JavaScript環境。NPM是隨同Node.js一起安裝的包管理工具，能解決Node.js程式碼部署上的很多問題。二者的詳細介紹可參考Node.js和NPM教程安裝Typescript
開啟終端或cmd，執行如下命令：
npm install -g typescript安裝Angular-cli
執行如下命令：
npm install -g @angular/cli
angular-cli它是angular框架官方的一個構建工具，核心是webpack，以及npm做為依賴包
這個安裝過程中可能遇到些奇怪的問題，注意事項及解決辦法見文末檢查版本號
通過檢查版本號，來測試是否安裝成功，執行以下命令：
npm -v檢查npm版本號
tsc -v檢查typescript版本號
ng -v檢查Angular版本號安裝Visual Studio Code
VS code和我們常用的VS壓根不是一回事，它只是一個開源的輕量級編輯器，而不是IDE，因為支援typescript語法，且外掛功能豐富，所以選擇
官網下載正常安裝即可，接下來安裝幾個功能強大的外掛：
Debugger for Chrome: 必需外掛！！用來除錯的，後邊除錯環節詳細介紹
Angular 2,4 and upcoming latest TypeScript HTML Snippets: 支援Angular2.0+的特性及語法
Path Intellisense: 自動路徑補全
npm Intellisense: 支援在程式碼中匯入npm模組（require方法）時的自動補全
Auto Close Tag: 輸入開始標籤後，自動新增結束標籤
Auto Rename Tag: 修改html標籤時，自動幫你完成尾部閉合標籤的同步修改
HTML Snippets：提供對HTML語言的支援
HTML CSS Support：讓 html 標籤上寫class 智慧提示當前專案所支援的樣式
Bracket Pair Colorizer:給括號加上不同的顏色，便於匹配
vscode-icons：給各種檔案都加上圖示
TSLint：TS語法檢測
beautify : 可以格式化JSON|JS|HTML|CSS|SCSS,比內建格式化好用
emoji:可以在程式碼中加表情，改善心情~建立專案
ng new my-angular2-app
注意這裡檔名不可以包含下劃線- 啟動專案
進入剛剛建立的專案目錄，即./my-angular2-app
執行命令：ng serve 除錯
ng serve要先行啟動,除錯是除錯，不包括引導angular-cli的啟動
點選Debug按鈕，然後啟動，首次會彈出除錯配置，選擇“Chrome”，這時正確情況下就會彈出一個新的Chrome頁面；
VS code裡可以直接打斷點，檢視除錯中的資料資訊；
除錯時發現錯誤，可以直接在VS code中修改程式碼，儲存後由於 Angular-cli 自動重新整理，所以可以直接在chrome頁面看到修改後的頁面當然熟悉Chrome除錯的，也可以直接用chrome的開發者工具
angular-cli安裝注意事項
此處為參考一位大神的文章，可是找不到連結了，不能掛參考連結了，如果有找的到的，麻煩告訴下我，謝謝
angular-cli的核心是webpack，以及npm做為依賴包。但往往在安裝過程中會遇到很多奇怪問題，我把這一切都追根於網路問題。
相信很多利用npm解決依賴包的人都知道淘寶有良心產品 cnpm，但這一次cnpm在安裝angular依賴包時可能會行不通。那麼一個正確的安裝依賴包的姿勢應該是：
1、Windows下必須是【管理員模式】下執行CMD；再使用 ng 命令。
2、當 ng new xx 建立專案時會自動執行 npm install 下載依賴包。
3、如果你網路沒有問題的情況下，此時 ng serve 就可以正常執行。
然，很多時候，你可能會收到像：
懵逼了吧，無從下手了吧。其實是因為所依賴的.d.ts宣告檔案是存在rawgit裡，靠腰啊，大部分網路環境是被搶！！所以類似這種問題，建議解決你的網路問題，那就是VPN。這也是前面我說cnpm也幫不了你的原因，無意黑cnpm！
UPDATE 2017-04-11 有一次我嘗試以下辦法完成：
npm install -g nrm
nrm use taobao
npm install
當然如若不行，可以嘗試以下：
windows下使用管理員模式CMD
1、先安裝全域性包
npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/[email protected]
2、建立專案
ng new ng-article
cd ng-article
ng serve
3、如果ng serve執行不起來，嘗試：
刪除node_modules
npm install
4、依然錯誤
嘗試VPN，再迴圈第3步
升級老專案也比較簡單：
windows下使用管理員模式CMD
1、全域性版本
npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/[email protected]
2、專案版本，先刪除node_modules
npm install –save-dev @angular/[email protected]
npm install
3、最麻煩就是可能會一些配置的變更，這個只能看CHANGELOG.md。