Node.js 及 Vue-cli 安裝

1. 安裝 Node.js

1.1 下載安裝

• 下載地址

• 直接安裝即可

• 開啟 cmd：

  • 輸入 node -v， 出現 nodejs 的版本說明安裝成功。
  • 輸入 npm -v, 出現 npm 的版本說明npm 也安裝成功。

• 安裝後目錄

  

1.2 環境配置

• 說明：這裡的環境配置主要配置的是npm安裝的全域性模組所在的路徑，以及快取cache的路徑，之所以要配置，是因為以後在執行類似：npm install express [-g] （後面的可選引數-g，g代表global全域性安裝的意思）的安裝語句時，會將安裝的模組安裝到【C:\Users\使用者名稱\AppData\Roaming\npm】路徑中，佔C盤空間。

• 例如：我希望將全模組所在路徑和快取路徑放在我node.js安裝的資料夾中，則在我安裝的資料夾 F:\develop\nodejs 下建立兩個資料夾 node_global 及 node_cache

• 建立完兩個空資料夾之後，開啟cmd命令視窗，輸入

  npm config set prefix "F:\develop\nodejs\node_global"
  npm config set cache "F:\develop\nodejs\node_cache"
  複製程式碼

  如圖所示：

  

• 設定環境變數

  • 新建 NODE_PATH

    F:\develop\nodejs\node_global\node_modules
    複製程式碼

    

  • 修改 path

    F:\develop\nodejs\node_global
    複製程式碼

1.3 測試環境變數是否修改成功

• 安裝 express 模組

  npm install express -g     # -g是全域性安裝的意思
  複製程式碼

  如圖所示，安裝到我們配置的目錄下了。

  

2. 安裝 Vue-cli

安裝好了 node，我們可以直接全域性安裝 vue-cli：

npm install -g vue-cli
複製程式碼

但是這種安裝方式比較慢，推薦使用國內映象來安裝，所以我們先設定 cnpm

2.1 安裝 cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org
複製程式碼

輸入 cnpm -v 出現版本說明安裝成功

2.2 安裝 Vue-cli

• cmd 中輸入

  cnpm install -g vue-cli
  複製程式碼

• 輸入 vue -V ，若出現vue版本資訊說明表示成功

• 建立專案

  vue init webpack vue_test複製程式碼