看到angular發布正式版，心動不已準備測試下。

看著官網教程，使用了cli創建項目，在命令行中鍵入：

安裝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 - 生成一個簡易的模型類

創建項目

使用 ng new project-name 創建項目，創建完成后由于需要在下一些nodejs模塊，耐心等待一段時間。

警告錯誤

在使用wing中，遇到一個問題，類一直被警告。 看提示需要設置 “experimentalDecorators”屬性。 最終修改兩處解決問題。

tsconfig.json 中添加 ：

    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,

setting.json 中添加：

    "typescript.tsdk": "node_modules//typescript//lib"

以上就是對Angular2 的環境配置做的資料整理，后續繼續補充相關資料，謝謝大家對本站的支持！