vue-devtools的github地址為：https://github.com/vuejs/vue-devtools，其官方說明為“Browser devtools extension for debugging Vue.js applications.”，即，除錯vue.js應用的瀏覽器擴充套件外掛。其安裝步驟如下所述：

• 1. 從官方github地址下載vue-devtools。

    已安裝git工具的可以在某一路徑下開啟git bash終端，如下圖所示。然後輸入：git clone https://github.com/vuejs/vue-devtools，然後回車等待下載完成。

• 2. 安裝專案所需的npm包

進入vue-devtools資料夾下，在此資料夾下開啟git bash終端，輸入命令npm installs，即可安裝專案所需的npm包，如下圖所示：

• 3. 編譯專案檔案

安裝完專案所需npm包後，輸入命令npm run build ，即可編譯專案檔案，如下圖所示：

• 4. 修改manifest.json檔案

在我安裝vue-devtools的路徑下，通過vue-devtools/shells/chrome/manifest.json 找到 manifest.json 檔案，開啟並將"persistent":false 修改為 "persistent":true，如下圖所示：

• 5. 新增至chrome瀏覽器

在chrome瀏覽器位址列輸入： chrome://extensions/開啟擴充套件程式，以開啟擴充套件程式頁面，然後點選“載入已解壓的擴充套件程式”按鈕，並選擇 vue-devtools > shells > chrome放入，開啟就可以看到安裝成功了，如下圖所示：

此時，開啟vue專案並在chrome瀏覽器中訪問時，F12開啟開發者工具後，就可以看到vue除錯專案了，如下圖所示：

至此，vue-devtools安裝完成。