Windows 安裝配置 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用戶名AppDataRoamingnpm】路徑中，佔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:developnodejsnode_globalnode_modules

    

  • 修改 path

    F:developnodejsnode_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