由於用debugger進行vue除錯有侷限，所以今天我們通過安裝Vue-Devtools工具進行vue安裝

1、直接一個已經用npm處理過的Devtools原始碼，而且已經配置好了manifest.json和webpack.config.js檔案，已經處理好了，拿來就用。

下載地址https://codechina.csdn.net/mirrors/arcliang/vue-devtools-?utm_source=csdn_github_accelerator

2、下下來之後開啟google瀏覽器，輸入地址chrome://extensions/ ，點選載入已解壓的擴充套件程式

確定完出現

3、確定完了之後就會發現連結欄的右邊有個V的標誌，證明已經成功，但是此時F12之後依然在除錯介面看不到Vue

解決

首先要確定自己開啟的是開發環境的vue專案，生產打包編譯完的不支援

然後找到manifest.json的persistent由true改成false，進行如下

修改把true改為false

4、改完，關掉瀏覽器，重新開啟就有了

最後感謝作者提高好的配置檔案

https://blog.csdn.net/zzzZhou1997/article/details/107430938