1）安裝nodejs，下載地址：https://nodejs.org/en/ ,下載16.8.0版本，下載完成後雙擊【node-v16.8.0-x64.msi】安裝。

使用npm -v檢視nodejs是否安裝成功。

2).改變原有的環境變數，

(1) 配置npm的全域性模組的存放路徑以及cache的路徑，例如兩個資料夾放在NodeJS的主目錄下，便在D:\Program Files\nodejs下建立【node_global】及【node_cache】兩個資料夾，

然後輸入以下命令改變npm配置，

npm config set prefix "D:\Program Files\nodejs\node_global
 
"
npm config set cache "D:\Program Files\nodejs\node_cache"

(2) 新增系統變數NODE_PATH，變數值為：D:\Program Files\nodejs\node_global\node_modules，此後所安裝的模組都會安裝到改路徑下。

(3)以管理員許可權開啟cmd視窗（必須以管理員許可權開啟），在命令列輸入以下命令試著安裝express（注：“-g”這個引數意思是裝到global目錄下，也就是上面說設定的“D:\Program Files\nodejs\node_global”裡面。）

npm install express -g

安裝完畢後可以看到 D:\Program Files\nodejs\node_global\node_modules\ 下面有express資料夾及內容了。

3）安裝cnpm，cnpm是淘寶的npm國內映象。

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

新增系統環境變數，變數名：CNPM_PATH，變數值：D:\Program Files\nodejs\node_global\node_modules\cnpm\bin

新增系統環境變數，變數名：NODE_HOME，變數值：D:\Program Files\nodejs

編輯PATH環境變數，追加

安裝完成後，輸入cnpm -v檢查 cnpm是否安裝成功。

3）在github下載devtools原始碼，地址：https://github.com/vuejs/vue-devtools

下載好後解壓，進入devtools-main資料夾，執行cnpm install 下載依賴，然後執行npm run build 編譯源程式。