先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 这是目前的目录结构 安装electron 在安装 electron之前需...
npm run build 步骤二:引入electron-vue项目中 打包完成后复制/shells/chrome整个文件夹,粘贴到你的electron-vue项目根目录,可以改个文件夹名字,比如我改成了 “.devtools”。如果不想上传这个文件夹的内容到远程仓库,则在项目里的.gitignore中添加.devtools即可 .devtools文件夹里的内容如下图所示: 步骤三:在代码...
设置后,安装electron、vue-cli-plugin-electron-builder以及electron-devtools-installer,后两个插件用于打包。 // 安装electron yarn add electron --dev // 安装electron打包插件 yarn add vue-cli-plugin-electron-builder --dev yarn add electron-devtools-installer --dev 1. 2. 3. 4. 5. 6. 安装完成后,...
import { createProtocol } from 'vue-cli-plugin-electron-builder/lib' // import installExtension, { VUEJS3_DEVTOOLS } from 'electron-devtools-installer' // 这里引入 electron-edge-js var edge = require('electron-edge-js'); // 这里引入 path var path = require('path'); 1 2 3 4 5 6 ...
"vue": "^3.2.25" }, "devDependencies": { "@vitejs/plugin-vue": "^2.3.3", "electron": "^19.0.0", "electron-builder": "^23.0.3", "electron-devtools-installer": "^3.2.0", "rimraf": "^3.0.2", "typescript": "^4.5.4", ...
electron-devtools-installer:electron 开发工具。 vite-plugin-electron 插件是将 vite 和 electron 结合在一起的,可以让我们非常方便的结合 electron 和 vue,需要做一些指定的配置。 初始化electron项目 可以参考 electron 官网的快速开始项目。 创建主进程目录和文件。
一、Electron-vue简介 二、安装yarn 三、创建Electron-vue项目 1. 关于 electron-builder 2. 安装脚手架 3. 运行 4. 打包应用程序 四、background.js说明 1. 引入模块和依赖: 2. 注册协议: 3. 创建窗口函数: 4. 生命周期事件和监听器: 五、使用UI库 Vuetify ...
在electron中使用开发者扩展,官方文档已经有了详细说明。如果觉得步骤繁琐,可以使用工具electron-devtools-installer。 方法很简单,以vue-devtools为例: 1、声明 const{default:installExtension,VUEJS_DEVTOOLS}=require('electron-devtools-installer'); 2、安装 ...
C:\Users\Administrator>vue-devtools C:\Users\Administrator\AppData\Roaming\npm\node_modules@vue\devtools\node_modules\electron\index.js:14 throw new Error(‘Electron failed to install correctly, please delete node_modules/electron and try installing again’) ^ Error: Electron failed to install corr...
electron-devtools-installer:electron 开发工具 vite-plugin-electron 插件是将 vite 和 electron 结合在一起的,可以让我们非常方便的结合 electron 和 vue,需要做一些指定的配置。 初始化electron项目 可以参考 electron 官网的快速开始项目 创建主进程目录和文件 ...