进入devtools官网下载zip压缩包
下载注意事项:需要选择Tags下载v5.1.1版本,否则会出现问题。
下载ZIP压缩包
下载好zip包
- 谷歌浏览器地址栏搜索:chrome://version/,找到【个人资料路径】,将zip包解压到它目录下。
- 进入vue-devtools-5.1.1文件夹
- 执行npm install或者cnpm install
- 修改\vue-devtools-5.1.1\shells\chrome\manifest.json文件,将"persistent": false改为"persistent": true
- 执行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文件夹,插件添加成功!