在windows環境下搭建Vue開發環境

步驟

1. 安裝node.js

   • 訪問node.js中文網-->下載
   • 選擇xxxx-x64.msi。
   • 安裝node.js
   • 呆瓜式安裝

2. 設定node的全域性和快取路徑

   • 在安裝目錄下新建兩個資料夾：node_cache; node_global

   • 設定快取路徑：

     npm config  set cache "D:\develop_toops\nodejs\node_cache"
     

   • 設定全域性模組的存放路徑

     npm config  set prefix "D:\develop_toops\nodejs\node_global"
     

3. 安裝淘寶映象

   npm install -g cnpm --registry=https://registry.npm.taobao.org
   

4. 設定環境變數

   path增加：nodejs安裝路徑/node_global

   新建：NODE_PATH: nodejs安裝路徑/node_modules

   詳見視訊：如何在Windows下搭建Vue4.X開發環境_嗶哩嗶哩_bilibili

5. 安裝Vue

   • 需要先關閉命令列視窗。再次開啟cmd（以管理員身份執行）
   • 執行安裝命令
   • cnpm install vue -g

6. 安裝Vue-cli腳手架

   • 執行：npm install -g vue@cli
   • 如果上一步執行報錯,執行這兩個
     • npm i @vue/cli -g
     • cnpm i @vue/cli -g

7. 建立一個Vue專案

   • vue create first
   • cd first
   • npm run serve