看到angular發(fā)布正式版，心動不已準(zhǔn)備測試下。

看著官網(wǎng)教程，使用了cli創(chuàng)建項(xiàng)目，在命令行中鍵入：

安裝cli

npm install -g angular-cli

如果安裝過以前的版本，請執(zhí)行以下命令，進(jìn)行更新：

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

舊版本的cli使用的是SystemJS而最新的創(chuàng)建，是基于webpack構(gòu)建。

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

在這里有意思的是，筆者卸載angular-cli后，在安裝時出現(xiàn)了Build failed的錯誤最終找到原因是卸載沒有卸載干凈。去全局目錄中刪除相關(guān)的ng文件。

常用ng命令

ng new project-name - 創(chuàng)建一個新項(xiàng)目，置為默認(rèn)設(shè)置
ng build - 構(gòu)建/編譯應(yīng)用
ng test - 運(yùn)行單元測試
ng e2e - 運(yùn)行端到端（end-to-end）測試
ng serve - 啟動一個小型web服務(wù)器，用于托管應(yīng)用
ng deploy - 即開即用，部署到Github Pages或者Firebase
ng generate component my-comp - 生成一個新組件，同時生成其測試規(guī)格和相應(yīng)的HTML/CSS文件
ng generate directive my-directive - 生成一個新指令
ng generate pipe my-pipe - 生成一個新管道
ng generate service my-service - 生成一個新服務(wù)
ng generate route my-route - 生成一個新路由
ng generate class my-class - 生成一個簡易的模型類

創(chuàng)建項(xiàng)目

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

警告錯誤

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

tsconfig.json 中添加 ：

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

setting.json 中添加：

    "typescript.tsdk": "node_modules\\typescript\\lib"

以上就是對Angular2 的環(huán)境配置做的資料整理，后續(xù)繼續(xù)補(bǔ)充相關(guān)資料，謝謝大家對本站的支持！

最新評論