配置angular執行環境

2021-08-15 10:28:03 字數 929 閱讀 3561

資源**:angular中文文件、angular英文文件、angular社群。

:node.js安裝及環境配置之windows篇。

請先在命令列輸入

node -v

和npm -v

, 來驗證一下你正在執行 node 6.9.x 和 npm 3.x.x 以上的版本。

更老的版本可能會出現錯誤,更新的版本則沒問題。

3、安裝**映象

在命令列輸入:npm install -g cnpm --registry=

4、全域性安裝typescript

cnpm install -g typrscript

5、安裝angular cli

cnpm install -g @angular/cli

現在可以來乙個hello-world project了

1、在命令列中輸入

ng new hello-world --skip-install

在桌面上就會出現乙個hello-world的資料夾了

2、進入專案:cd hello-world

3、使用**映象安裝:cnpm install

然後耐心等待。。。

安裝好後hello_world專案裡面會多乙個node_modules資料夾

4、開啟本地伺服器:ng serve

5、在位址列裡輸入:localhost:4200

這時乙個基本專案其實已經建立好了。

;修改為

title

='helloworld';

將檔案中的內容全刪除,用<

h1>}!

h1>替換

在你儲存檔案之後,頁面會自動重新整理,現在頁面上就只有顯示helloworld!了。

angular環境安裝與配置

node v npm v npm config set registry npm config get registry 3.通過cnpm使用npm.你可以使用cpnm命令代替大部分的npm命令。npm install g cnpm registry 4.安裝anular cli,使用ng命令 gl...

node和Angular執行環境安裝

我在此將安裝angular執行環境的過程記錄下來供後來的同學參考。首先說明 我的系統是win10,以下安裝過程是在win10下進行的。注意 以下所有命令都是在 管理員身份執行powershell 下執行的。node.js安裝好以後install additional tools for node.j...

Angular配置檔案之環境配置

假設有三個環境 開發環境 dev 測試環境 test 生產環境 prod 當我們構建引數時會用到 environment來指定應用執行環境。腳手架會根據指定的值載入對應的環境配置檔案。如 ng build env dev 就是build開發環境的包。那麼我們就從這裡開始看看angular專案裡環境該...