electron-vue———在Electron 中使用Vue Devtools

在Electron 中使用Vue Devtools
·首先在Chrome中安装Vue Devtools;
·在Chrome中打开扩展程序,并且开启开发者模式,这样就可以获取扩展程序的ID,记住这个ID
·在Electron应用中添加如下代码:
main/index.js

if (process.env.NODE_ENV !== 'development') {
global.__static = require('path').join(__dirname, '/static').replace(/\/g, '\\')
BrowserWindow.addDevToolsExtension("/Users/zhang/Library/Application Support/Google/Chrome/Default/Extensions/上边的ID");
}
重点是BrowserWindow这一句,这样就在Electron 中添加了Vue Devtools 就能愉快的开发了

你可能感兴趣的:(electron-vue———在Electron 中使用Vue Devtools)