electron-vue項目添加vue-devtools調試插件

進入devtools官網下載zip壓縮包

https://github.com/vuejs/vue-devtools

下載注意事項：需要選擇Tags下載v5.1.1版本，否則會出現問題。

下載ZIP壓縮包

---

---

---

下載好zip包

1. 谷歌瀏覽器地址欄搜索：chrome://version/，找到【個人資料路徑】，將zip包解壓到它目錄下。
2. 進入vue-devtools-5.1.1文件夾
3. 執行npm install或者cnpm install
4. 修改\vue-devtools-5.1.1\shells\chrome\manifest.json文件，將"persistent": false改爲"persistent": true
5. 執行npm run build或者cnpm run build

---

electron-vue項目添加插件

BrowserWindow.addDevToolsExtension('C:/Users/adminName/ppData/Local/Google/Chrome/User Data/Default/vue-devtools-5.1.1')
// chrome文件夾所在的完整路徑地址

---

瀏覽器添加插件

瀏覽器地址欄輸入chrome://extensions轉到擴展程序，啓用“開發者模式”，點擊“加載已解壓的擴展程序”按鈕，選擇目錄\vue-devtools-5.1.1\shells\下的chrome文件夾，插件添加成功！