1，首先在瀏覽器上開啟 地址 https://github.com/vuejs/vue-devtools.git ，在頁面上點選 “Clone or Download” 按鈕 ，下載相關的 “vue-devtools-dev” 壓縮包

 2，Windows系統下，解壓縮檔案“vue-devtools-dev.zip” ,本例解壓縮路徑為“D:\vue-devtools-dev\vue-devtools-dev”，解壓縮後文件夾內容如下

3，確保windows系統已安裝了npm （如果沒有安裝，則在官網https://nodejs.org/en/ 下載後，按照預設方式安裝即可），如本例安裝了npm 6.4.1 版本。

4，在Windows Dos狀態（Cmd 對話方塊）下，進入到壓縮包解壓後的路徑（本例D:\vue-devtools-dev\vue-devtools-dev），輸入以下命令

npm install

5，在 “npm install” 命令正常執行後，將會出現如下提示

6，在Windows Dos狀態（Cmd 對話方塊）下，對應解壓縮檔案路徑，輸入如下命令：

npm run build

執行成功後，出現如下介面

7，此時，原有的解壓縮資料夾的shell目錄下 出現 chrome資料夾

8，開啟chrome瀏覽器，點選相關選單，開啟擴充套件程式 頁面

9,在Chrome的“擴充套件程式”頁面，確保“開發者模式”處於開啟狀態，點選“載入已解壓的擴充套件程式”按鈕，在開啟的資料夾選擇視窗，選擇“D:\vue-devtools-dev\vue-devtools-dev\shell\Chrome” 資料夾，點選 “確定”按鈕

10，配置完成後將出現以下資訊，同時在位址列右側有 vue-tools 圖標出現。