vite项目配置electron 打包,基于打包完成的dist文件 1、安装electron插件 1 yarn add --dev electronyarn add -D electron-builder 2、修改vite.config.js/vite.config.ts base 指向dist 1 base:'./' 3、增加electron的配置文件 electron\electron.js
electron-packager .可执行文件的文件名--win --out打包成的文件夹名--arch=x64位还是32位--version版本号--overwrite --ignore=node_modules .app 就是你生成 exe 的名字 demoapp 就是你 生成文件的文件夹 可以根据需要更改你想要的文件夹名 还有这个 应用名 最后就会生成你打包出来的桌面端文件了 美滋滋 多...
这将生成一个可执行文件(如 .exe、.dmg 或.app),具体取决于你的目标平台。 5. 测试打包后的 Electron 应用 打包完成后,你可以在 dist 目录下找到生成的可执行文件。双击运行该文件,确保你的 Electron 应用能够正常工作。 通过以上步骤,你应该能够成功地使用 Vite 和 Electron 打包你的桌面应用程序。如果遇到任何...
"make": "vite build&&electron-forge make" } 再次运行npm run start 正常显示如下 执行npm run package和npm run make进行项目打包 这里的原因是package.json没有配置author和description "author": "nie-ch", "description": "云风笔记桌面端", 再次执行npm run make,生成out/make文件夹,里面存在安装包exe...
所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web项目来说问题不大,但对于我们的Electron项目来说,就影响很大了 今天我就把这个思路和实现方式的关键代码发出来供大家参考, ...
你当然可以不设置这个环境变量,通过Electron的API获取版本号 app.getVersion() //主进程可用 但通过ElectronAPI获取到的版本号,在开发环境下,是Electron.exe的版本号,不是你的项目的版本号 打包编译后,这个问题是不存在的。 ENV_NOW是当前的环境,开发环境下它的值为dev,打包编译后的生产环境它的值应为product, ...
import electron from 'vitejs-plugin-electron/renderer' export default { plugins: [ electron(), ], // 其他配置略... } 至此,import electron from 'electron' 也可以正常工作了 // ✅ 可以正常工作 import { ipcRenderer } from 'electron' 总结 Vite 个人觉得是个不错的方案,毕竟打包工具早晚会...
• building target=nsis file=dist\electron-app-1.0.0-setup.exe archs=x64 oneClick=trueperMachine=false• building block map blockMapFile=dist\electron-app-1.0.0-setup.exe.blockmap * 终端将被任务重用,按任意键关闭。 打包后的exe文件就在项目的dist目录,双击后直接安装了,也没有提示安装目录等提示...
接下来就可以进行安装electron和它相关的插件了 // 进入到项目中安装 electron npm install -D electron 安装electron-builder用于打包可安装exe程序和绿色版免安装exe程序 npm install -D electron-builder 安装electron-devtools-installer用于开发调试electron