看到angular發布正式版,心動不已準備測試下。
看著官網教程,使用了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 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環境搭建
一 環境準備 先安裝node,npm會與node一起安裝到環境中。node準備 npm準備 二 安裝環境 首先安裝ts的 為啥安裝它,ng2使用的開發語言是ts 接著安裝angular cli,按照官方文件嗦的,這是個工具,能夠幫你快速建立ng2的工程,做個工程空架子吧,可以省很多事.如果想用cnp...
Angular2環境搭建
1 安裝nodev5.x.x或更高版本以及 npm3.x.x或更高版本 2 新建乙個目錄,如angular2,並放入相關配置項 package.json 用來標記出本專案所需的 npm 依賴包。tyconfig.json 定義了 typescript 編譯器如何從專案原始檔生成 j ascript ...
Angular2環境搭建具體操作步驟 推薦
01 安裝node.js 和 npm 安裝完成後,在命令列依次mpljpgal使用node v 和 npm v可以看到版本號。目前安裝的node.js版本為8.2.1 npm的版本為5.3.0 02 安裝cnpm npm需要連線谷歌伺服器,國內不能正常使用,因此使用 的映象安裝cnpm。命令列輸入n...