npm run build 步骤二:引入electron-vue项目中 打包完成后复制/shells/chrome整个文件夹,粘贴到你的electron-vue项目根目录,可以改个文件夹名字,比如我改成了 “.devtools”。如果不想上传这个文件夹的内容到远程仓库,则在项目里的.gitignore中添加.devtools即可 .devtools文件夹里的内容如下图所示: 步骤三:在代码...
yarn add electron--save-dev 安裝完成之后就可以启动项目了 代码语言:javascript 代码运行次数:0 运行 AI代码解释 yarn run electron:serve 之后会出现这个画面,这个主要是因为vue-devtools插件需要从外网下载,如果需要的话可以科学上网一下,如果你平时开发vue就用不到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, ...
5. 在electron项目用加载vue-devtools 浏览器插件安装完成,普通的vue web项目可以在浏览器中出现vue-devtools插件,启动electron项目,还是不行,需要在代码中加入相关代码片段。 在src/main/index.dev.js中加入如下代码: BrowserWindow.addDevToolsExtention("/path/to/vue-devtools/shells/chrome") 其中BrowserWindow我们通...
contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION, webSecurity: false //是否禁用同源策略 } }) // Menu.setApplicationMenu(null); win.webContents.openDevTools() if (process.env.WEBPACK_DEV_SERVER_URL) { // Load the url of the dev server if in development mode ...
这里引入了 Electron 的核心模块以及一些第三方依赖。app 模块用于管理应用程序的生命周期，protocol 模块用于注册 URL 协议，BrowserWindow 用于创建浏览器窗口。vue-cli-plugin-electron-builder/lib 中的 createProtocol 用于创建自定义协议，而 electron-devtools-installer 则用于安装 Electron 开发工具。2. 注册协议：pr...
Electron · 7篇 有了vue-devtools不要太方便,接下来,就看看怎么安装。 我们先要用yarn安装 electron-devtools-installe 再安装 vue-devtoolstip:要注意这2个都是开发环境下使用的,生产环境不需要,所有要在安装的时候加“ -D ” 安装完成后我们就可以在主线程入口文件中添加如下代码:BrowserWindow.addDevToolsExtensio...
① 首先可以将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',生命周期中进行加载 ...
当Electron使用Vue框架时,势必在调试过程要使用vue-devtools: 在我们调试Electron时,上图中Vue这个tab栏并不是天生自带的,需要我们去加载相应的插件。百度搜一下,有很多关于安装vue-devtools的文章,我也兴奋得下载源码(5.1.1版本源码)、编译、安装,然后electron中加载。启动Electron后,打开调试器,倒是有vue这一栏,但是...
如果使用不受支持的浏览器，或者有其他特定需求（例如应用程序位于 Electron 中）则可以使用独立应用程序。首先安装相应依赖：$ npm add -g @vue/devtools// pnpm$ pnpm add -g @vue/devtools// yarn$ yarn global add @vue/devtools// bun$ bun add -g @vue/devtools 全局安装该软件包后，运行下面命令：v...