在Electron 中使用Vue Devtools ·首先在Chrome中安装Vue Devtools; ·在Chrome中打开扩展程序,并且开启开发者模式,这样就可以获取扩展程序的ID,记住这个ID ·在Electron应用中添加如下代码: main/index.js if (process.env.NODE_ENV !== 'development') { global.__static =
这是electron官网对BrowserWindow.addDevToolsExtension(extension)API的使用介绍,简单来说就是在electron的主进程main.js中使用API,唯一参数为插件路径,上图中引入Node的path、os模块都是为了拼接得到Vue.js devtools的所在路径,这里我直接采用绝对路径(简单明了) 这时报错了,BrowserWindow.addDevToolsExtension is not a f...
Electron开发使用Vue Devtools 转自[https://orchidflower.oschina.io/2017/03/29/Using-Vue-Devtools-in-Electron/] 2.2 安装步骤 首先在Chrome中安装Vue Devtools; 在Chrome中打开about:extensions,并且开启开发者模式,这样就可以获取扩展程序的ID,记住这个ID,例如我这边的值是nhdogjmejiglipccpnnnanhbledajbpd,下...
如果觉得步骤繁琐,可以使用工具electron-devtools-installer。 方法很简单,以vue-devtools为例: 1、声明 const{default:installExtension,VUEJS_DEVTOOLS}=require('electron-devtools-installer'); 2、安装 // 在ready事件发出之后调用installExtension(VUEJS_DEVTOOLS).then((name)=>console.log(`Added Extension:${nam...
在Electron 中使用Vue Devtools ·首先在Chrome中安装Vue Devtools; ·在Chrome中打开扩展程序,并且开启开发者模式,这样就可以获取扩展程序的ID,记住这个ID ·在Electron应用中添加如下代码: main/index.js if (process.env.NODE_ENV !== 'development') { ...