6:package.json 添加 electron 编译和打包支持的配置项 {"name": "task-manage","version": "0.1.0","author": "txh","description": "txh demo test","private":true,"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build","lint": "vue-cli-service lint","electron...
npm run electron:build 这个命令会首先构建你的Vue项目,然后使用electron-builder将其打包成exe文件(以及其他你配置的格式)。打包完成后,你可以在dist_electron(或你配置的其他输出目录)中找到你的exe文件。 以上就是使用Vue 3、Electron和electron-builder将应用打包成exe文件的完整步骤。希望这对你有所帮助!
"@electron-forge/maker-deb": "^6.4.2", "@electron-forge/maker-rpm": "^6.4.2", "@electron-forge/maker-squirrel": "^6.4.2", "@electron-forge/maker-zip": "^6.4.2", "@electron-forge/plugin-auto-unpack-natives": "^6.4.2", "electron": "23.1.3" }, "dependencies": { "electron...
1.先将项目打包 yarn;build 1. 2.安装electron和electron-packager yarn add electron yarn add electron-packager 1. 2. 3.dist目录新建main.js文件,内容如下: const{ app, BrowserWindow, Menu }=require('electron') functioncreateWindow() { // 去掉菜单 Menu.setApplicationMenu(null) // 创建浏览器窗口...
将dist目录放到electronjs项目中 运行start 成功! 执行make 命令打包! 打包输出exe在out目录下 ⭐打包react react前端项目: react搭建在线编辑html的站点——引入grapes实现在线拖拉拽编辑html 调整资源引入路径改为 ./ 请求改为完整路径 把打包dist访问初始化的electron项目 ...
在开发我的 electron 和 vue 是同一文件目录,通过运行 npm run electron:dev 和npm run serve 使应用可以显示正常,相当于 electron 内嵌了一个 vue 但是打包 npm run electron:build 后的exe 页面指向了默认的 ./electron/index.html ,并没有将我 vue 开发的页面展示出来 有点想不明白这个打包逻辑,我的理解 ...
技术框架:electron31.1.0+vite5.3.1+vue3.4.29+vue-router4.4.0 组件库:element-plus^2.7.6 (饿了么桌面端vue3组件库) 状态管理:pinia^2.1.7 存储服务:pinia-plugin-persistedstate^3.2.1 打包构建:electron-builder^24.13.3 electron整合vite插件:vite-plugin-electron^0.28.7 ...
Vue cli 3 老项目升级指南 —— 扶我起来,我还要学 木落 Vite+Electron快速构建一个VUE3桌面应用(三)——打包 hh小橙 · 发表于开发小橙 electron-vue跨平台桌面应用开发实战教程(一)——Hello World david zhang 将Vue项目打包为Windows应用(.exe) Chuion 1 3 是否在知乎 App 内阅读全文 取消确认...
接下来就可以进行安装electron和它相关的插件了 // 进入到项目中安装 electron npm install -D electron 安装electron-builder用于打包可安装exe程序和绿色版免安装exe程序 npm install -D electron-builder 安装electron-devtools-installer用于开发调试electron
1、输入指令 npm create electron-vite 2、工程创建好后进入工程目录 执行 npm i 加载依赖项, 加载过程中可能会出现加载失败的问题,是因为github资源的问题,非项目本身问题,多执行几次即可 3、打包 输入npm run build,打包过程也会出现打包失败的问题,原因和上面一样,也是github资源问题,可能会连续好多次都无法打包...