node和Angular運行環境的安裝方法

這篇文章主要介紹“node和Angular運行環境的安裝方法”，在日常操作中，相信很多人在node和Angular運行環境的安裝方法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”node和Angular運行環境的安裝方法”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

今天學習創建Angular工程的時候遇到了障礙，跟著教學視頻先安裝Angular運行環境時遇到很多坑。

我在此將安裝angular運行環境的過程記錄下來供后來的同學參考。

首先說明：我的系統是win10，以下安裝過程是在win10下進行的。

注意：以下所有命令都是在“管理員身份運行powershell”下執行的。

安裝node.js

首先安裝node.js，這個安裝非常簡單，建議去官網https://nodejs.org/zh-cn/download/下載合適的安裝包，這個安裝非常簡單，不再贅述。

node.js安裝好以后install additional tools for node.js裝不了，那個需要注冊網站，注冊的時候里面說人機驗證沒通過，這個是node.js擴展工具包，可以不裝。

安裝angular環境

視頻里老師使用下面的指令很快就能安裝好angular環境，但是我這安裝時進度條一點都不動。

npm install -g @angular/cli

我估計是眾所周知的墻造成不能從angular官方倉庫下載。

解決策略是安裝淘寶版的angular環境，請需要參考的同學嚴格按步驟操作，命令最好是復制黏貼，避免敲錯命令造成安裝失敗。

1. 首先清除angular官方的運行環境：

   npm uninstall -g angular-cli/npm uninstall-g @angular/cli

   
   

2. 然后在d盤建一個npm-library(這個是安裝路徑和文件名，可以按自己的需要設置)。

3. 修改計算機的執行策略為RemoteSigned，允許系統運行腳本：

   set-ExecutionPolicy RemoteSigned

   
   

4. 順序執行下列命令：

   npm config set prefix "D:\npm-library\npm"
   npm config set globalconfig "D:\npm-library\npm\etc\npmrc"
   npm config set globallgnorefile "D:\npm-library\npm\etc\npmlgnore"
   npm install -g cnpm --registry=https://registry.npm.taobao.org

   
   

5. 編輯環境變量，將原來的C:\Users\40859\AppData\Roaming\npm更改為更改設置的D:\npm-library\npm。

6. 執行下面的命令：

   cnpm install -g supervisor

   
   

7. 安裝最新版的angular-cli

   cnpm install -g @angular/cli@latest

   
   

8. 重啟電腦，驗證angular-cli版本號

   ng version

   
   

最后如果出現angular cli版本號、node版本號，即說明angular運行環境安裝成功。

到此，關于“node和Angular運行環境的安裝方法”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！