1之前在windows上裝過，最近剛換了個mac本，重新安裝下，也是為了記錄下我安裝的過程。

github下載vue-devtool到本地

下載地址https://github.com/vuejs/vue-devtools#vue-devtools

注意，下載的時候預設的是在dev分支，要切換到master,然後克隆到本地（可以先放桌面）

2.將下載的專案檔案放入 Chrome瀏覽器的外掛資料夾

在瀏覽器位址列輸入chrome://version/

找到路徑之後，可以在頂部工具欄”前往“中直接輸入檔案地址

3.在default資料夾下新建Extensions資料夾(已經存在就不用新建了)，並且將下載的vue-devtool-master資料夾複製進去，cd進入該資料夾cd vue-devtools-master

4. 安裝依賴

npm install

npm run build（沒有這一步會報錯哦～）

5.在位址列輸入chrome://extensions,開啟右側開發者模式

將vue-devtools-master/shells/chrome資料夾拖入擴充套件程式頁面即可

如果以上步驟完成之後，在控制檯還是不顯示Vue的tab，以上vue圖示不亮，點選圖標出現vue.js not detected的提示還需要進行以下步驟

找到安裝目錄

修改mainifest.json檔案中的persistent：false，修改成persistent：true。一般這個時候就可以正常使用了

如果還是不行，修改webpack.config.js的程式碼

修改成development，（可能正式版本釋出的時候，需要修改回來，待驗證）

再執行vue專案 就可以正常除錯了

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。