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

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

安裝cli

npm install -g angular-cli

如果安裝過以前的版本，請(qǐng)執(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后，在安裝時(shí)出現(xiàn)了Build failed的錯(cuò)誤最終找到原因是卸載沒有卸載干凈。去全局目錄中刪除相關(guān)的ng文件。

常用ng命令

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

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

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

警告錯(cuò)誤

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

tsconfig.json 中添加 ：

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

setting.json 中添加：

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

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

最新評(píng)論