首先,我们需要在Electron应用程序的主进程文件中导入electron-devtools-installer模块。在代码中,我们可以使用require()函数来实现模块的导入。 ```javascript const installExtension = require('electron-devtools-installer'); ``` ### 步骤2:使用electron-devtools-installer模块安装DevTools扩展 接下来,我们可以使用inst...
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文件用来...
在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缩放相关的配置已经废弃了。
1、声明 const{default:installExtension,VUEJS_DEVTOOLS}=require('electron-devtools-installer'); 2、安装 // 在ready事件发出之后调用installExtension(VUEJS_DEVTOOLS).then((name)=>console.log(`Added Extension:${name}`)).catch((err)=>console.log('An error occurred: ',err));...
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,详细使用用法...
npm install electron-devtools-installer --save-dev or yarn add electron-devtools-installer -D Usage All you have to do now is this in the main process of your application. import installExtension, { REDUX_DEVTOOLS } from 'electron-devtools-installer'; // Or if you can not use ES6 impo...
使用Vue Devtools: Vue Devtools是一个强大的工具,可以帮助调试Vue组件。安装Vue Devtools扩展,并在Electron中启用它: // 在src/background.js中 import { app, BrowserWindow } from 'electron'; import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'; ...
# electron npm install electron #在 Electron 应用程序中安装和管理开发者工具 npm install electron-devtools-installer # 简单的持久化数据存储库 npm install electron-store #在 Vue CLI 项目中集成 Electron 打包和构建 npm install vue-cli-plugin-electron-builder 如果报错,大概率是网络问题。可以尝试科学上...
cnpmrunelecron:serve 注意事项 可能会出现启动较慢的情况 原因:启动时会加载electron-devtools-installer模块,在background.js中将其注释掉即可 为了方便调试,将开发者窗口单独出来,如下: 至此,一个基础的electron-vue环境便搭建完成了。