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運行環境安裝成功。

另外，今天本來打算記第三課學習筆記的，但是因為折騰angular運行環境耗費了1個多2小時，哎，只好明天再記筆記了。