首先,我们需要在Electron应用程序的主进程文件中导入electron-devtools-installer模块。在代码中,我们可以使用require()函数来实现模块的导入。 ```javascript const installExtension = require('electron-devtools-installer'); ``` ### 步骤2:使用electron-devtools-installer模块安装DevTools扩展 接下来,我们可以使用inst...
在dependency中加入只有在devDependency才有的electron-devtools-installer,electron-debug "electron-devtools-installer": "^2.2.4", "electron-debug": "^1.5.0", 1. 2. 然后index.js中加入 mainWindow.webContents.openDevTools(); 1. 3.mainWindow.webContents.setlayoutZoomLevelLimits缩放相关的配置已经废弃了。
npm install -D electron-builder 安装electron-devtools-installer用于开发调试electron npm install -D electron-devtools-installer 用vite构建electron应用程序需要一个vite插件 npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来...
import { app, protocol, BrowserWindow } from 'electron'import { createProtocol } from 'vue-cli-plugin-electron-builder/lib'import installExtension, { VUEJS3_DEVTOOLS } from 'electron-devtools-installer'这里引入了 Electron 的核心模块以及一些第三方依赖。app 模块用于管理应用程序的生命周期，protocol 模...
在electron中使用开发者扩展,官方文档已经有了详细说明。如果觉得步骤繁琐,可以使用工具electron-devtools-installer。 方法很简单,以vue-devtools为例: 1、声明 const{default:installExtension,VUEJS_DEVTOOLS}=require('electron-devtools-installer'); 2、安装 ...
1、下载vue-devtools.crx,把文件名后缀改成 zip后解压放在项目工程目录下 (找不到或者懒得下可以直接克隆我的仓库后,把这个文件夹给复制出来,我已经解压好放在里面了) 2、引入已下载的拓展 require('electron').app.on('ready',() =>{// let installExtension = require('electron-devtools-installer')// in...
npm install electron-devtools-installer -D 该包主要是为了方便我们开发和调试electron,可以去官网详细了解:electron-devtools-installer。 安装vite-plugin-electron: npm install vite-plugin-electron -D 该包集成了Vite和Electron,比如使用它之后可以让我们方便的在渲染进程中使用Node API或者Electron API,详细使用用法...
# electron npm install electron #在 Electron 应用程序中安装和管理开发者工具 npm install electron-devtools-installer # 简单的持久化数据存储库 npm install electron-store #在 Vue CLI 项目中集成 Electron 打包和构建 npm install vue-cli-plugin-electron-builder 如果报错,大概率是网络问题。可以尝试科学上...
import{installExtension,REDUX_DEVTOOLS}from'electron-devtools-installer';// Or if you can not use ES6 imports/**const { default: installExtension, REACT_DEVELOPER_TOOLS } = require('electron-devtools-installer');*/const{app}=require('electron');app.whenReady().then(()=>{installExtension(REDUX...
使用Vue Devtools: Vue Devtools是一个强大的工具,可以帮助调试Vue组件。安装Vue Devtools扩展,并在Electron中启用它: // 在src/background.js中 import { app, BrowserWindow } from 'electron'; import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'; ...