angular2 環境配置

2022-03-26 17:42:58 字數 1299 閱讀 9139

看到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...