首先,我们需要在Electron应用程序的主进程文件中导入electron-devtools-installer模块。在代码中,我们可以使用require()函数来实现模块的导入。 ```javascript const installExtension = require('electron-devtools-installer'); ``` ### 步骤2:使用electron-devtools-installer模块安装DevTools扩展 接下来,我们可以使用insta...
安装electron-devtools-installer用于开发调试electron npm install -D electron-devtools-installer 用vite构建electron应用程序需要一个vite插件 npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个...
Electron DevTools Installer This is an easy way to install DevTool extensions into Electron. You shouldn't have to mess around with downloading the extension, finding the right folder and then configuring the path for everyone's machines. Install npm install electron-devtools-installer --save-dev...
electron-devtools-installer:一个npm包,用于在Electron应用中自动安装和加载devtools扩展。 vue-devtools:Vue.js的官方devtools扩展,可以在Electron应用中加载和使用。 通过以上步骤和配置,你应该能够在Electron打包后的应用中成功访问和使用devtools。如果遇到任何问题,建议查阅相关文档和社区资源以获取更多帮助。
Electron DevTools Installer This is an easy way to install DevTool extensions into Electron. You shouldn't have to mess around with downloading the extension, finding the right folder and then configuring the path for everyone's machines.
这里引入了 Electron 的核心模块以及一些第三方依赖。app 模块用于管理应用程序的生命周期，protocol 模块用于注册 URL 协议，BrowserWindow 用于创建浏览器窗口。vue-cli-plugin-electron-builder/lib 中的 createProtocol 用于创建自定义协议，而 electron-devtools-installer 则用于安装 Electron 开发工具。2. 注册协议：pr...
Electron DevTools Installer This is an easy way to install DevTool extensions into Electron. You shouldn't have to mess around with downloading the extension, finding the right folder and then configuring the path for everyone's machines.
"electron-devtools-installer": "^2.2.4", "electron-debug": "^1.5.0", 1. 2. 然后index.js中加入 mainWindow.webContents.openDevTools(); 1. 3.mainWindow.webContents.setlayoutZoomLevelLimits缩放相关的配置已经废弃了。 mainWindow.webContents.on('did-finish-load', () => { ...
Install Chrome extension for Electron, Support cjs/esm - electron-devtools-installer/.gitignore at main · tomjs/electron-devtools-installer
# pnpm pnpm add @tomjs/electron-devtools-installer # yarn yarn add @tomjs/electron-devtools-installer # npm npm add @tomjs/electron-devtools-installer Usage esm import { app } from 'electron'; import { installExtension, VUEJS_DEVTOOLS } from '@tomjs/electron-devtools-installer'; // Inst...