接下来,在你的electron-vue项目中的src/main/index.dev.js文件中,利用BrowserWindow.addDevToolsExtension(url)引入插件。 整个文件代码如下: 备注了new的为在原来的基础上新增的代码,此外还需要把'ready'中原来的代码注释掉 /*** This file is used specifically and only for development. It installs* `electron...
这是electron官网对BrowserWindow.addDevToolsExtension(extension)API的使用介绍,简单来说就是在electron的主进程main.js中使用API,唯一参数为插件路径,上图中引入Node的path、os模块都是为了拼接得到Vue.js devtools的所在路径,这里我直接采用绝对路径(简单明了) 这时报错了,BrowserWindow.addDevToolsExtension is not a f...
在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, ...
最近在弄一个vue嵌套到客户端的项目,研究了一下electron这个框架,如果用原生的electron写的话,主要是用nodejs,但我对nodejs不怎么熟悉,所以准备用electron嵌套vue。 (一)electron-vue electron-vuegithub.com/SimulatedGREG/electron-vue 首先是看了下这个插件,上面是electron-vue的githup,看着有两年没更新了,并且...
之后会出现这个画面,这个主要是因为vue-devtools插件需要从外网下载,如果需要的话可以科学上网一下,如果你平时开发vue就用不到vue-devtools,那直接忽略就好了,稍等数秒,就可以看到我们的项目启动成功了。 适配主题 上面看到的是vue预置的启动画面,我们先把无用的东西都给删了,就留下一个helo world。
, source: chrome-extension://vue-js-devtools/build/devtools.js (22) 想必空白的原因就是这个报错引起的。 但我有一台电脑的Electron devtools是可用的,此扩展程序从chrome网上应用店下载,版本为:5.1.1。 同时有另一台电脑,扩展程序也是从chrome应用商店下载,版本为:5.3.4。这个版本也报错,报错和自己编译的...
① 首先可以将vue devtools的代码clone下来, 然后进行编译 git clone https:///vuejs/vue-devtools.gitcd vue-devtools npm install npm run build复制代码 1. 2. 3. 然后把vue-devtools/packages/shell-chrome文件夹复制到项目根目录 ②在background.js文件的app.on('ready',生命周期中进行加载 ...
"vue": "^2.6.11", "vue-router": "^3.2.0", "vuex": "^3.4.0" 客户端及服务端 "electron": "^11.0.0", node:v12.18.2 构建及调试工具 electron-builder:v22.11.1 "electron-devtools-installer": "^3.1.0", 谷歌浏览器可以正常使用vue-devtools,electron窗口无法使用 ...
始终报:Vue Devtools failed to install: Error: net::ERR_CONNECTION_TIMED_OUT app.on('ready', async () => { if (isDevelopment && !process.env.IS_TEST) { // Install Vue Devtools try { await installExtension(VUEJS_DEVTOOLS) ...
安装完成后我们就可以在主线程入口文件中添加如下代码:BrowserWindow.addDevToolsExtension('node_modules/vue-devtools/vender') 注意上面的路径,你直接写"node_modules/vue-devtools"这个是不行的,应为插件的入口在它下面的"vender"目录下面。还有一点要小心:上面的代码必须在ready事件之后或者直接写在ready事件里面,不然...