最后,你可以使用以下命令来打包你的 Vue 项目和 Electron 应用: bash npm run electron:build 或者,如果你使用的是 yarn: bash yarn electron:build 这条命令会根据你的配置生成可执行文件,并输出到指定的目录(如 dist_electron)。 通过以上步骤,你应该能够成功地将 Vue 项目打包为 Electron 应用。如果遇到任何...
npm i 打包所需的依赖 npm i electron --save-dev npm i electron-packager --save-dev npm install -g @electron/packager npmrunstart 启动项目 启动成功显示 Hello World! 二. 项目打包 通过将vue项目打包, 会生成一个dist文件 三. 修改electron-quick-start 文件 删除electron-quick-start 文件中的index....
确保在启动 Electron 应用之前,您已经构建了 Vue 应用(例如运行npm run build),以便生成dist文件夹。 5.5 启动项目 最后,启动 your Electron 应用: npm start 6、打包项目 如果您想打包成可执行文件,可以使用 Electron Builder 或 Electron Packager。安装 Electron Builder: npm install electron-builder --save-dev...
js/plugin-vue":"^1.10.2","@vue/compiler-sfc":"^3.0.4","commitizen":"^4.2.4","cz-conventional-changelog":"^3.3.0","electron":"^33.2.1","electron-builder":"^25.1.8","electron-packager":"^17.1.2","prettier":"^2.6.2","sass":"^1.43.2","typescript":"^4.4.3","unplugin-au...
Github项目:单独打包的项目 https://github.com/electron/electron-quick-start 新手可以直接用这个项目来进行打包,和原来的项目分享。例如我调整后的: 用electron将vue项目打包成.exe文件【保姆级教程】 https://blog.csdn.net/heavenz19/article/details/136743623 ...
1、到这里其实打包就已经成功完成了,但你打开exe后会发现与在项目中窗体运行不一样,或者直接白屏,这是由于vue与electron路由模式的原因,vue一般默认history模式。 2、需要在router的index.js中修改:从vue-router中引入createWebHashHistory,将createWebHistory(process.env.BASE_URL)改为createWebHashHistory(process.env...
项目根目录下安装如下依赖包 npm install electron-g// 全局安装Electron,加g是全局安装,自动添加到环境变量中vueaddelectron-builder// 安装Electron-builder打包工具 vite中支持Electron的插件也改为vite-electron-plugin Electron-packager同样可以打包,官方更推荐使用Electron-builder ...
我有个模版项目是用vue-cli3.x开发的,测试部署已经没问题,突发奇想,能不能打包成exe文件,在桌面运行,开始鼓捣。 1.先将项目打包 代码语言:javascript 复制 yarn build 2.安装electron和electron-packager 代码语言:javascript 复制 yarn add electronyarn
git clone https://github.com/electron/electron-quick-start 1. 第二:进入我们自己的项目(下面简称B),修改公共路径为相对路径(很多同学都是这步出了问题,导致 npm run build 后出现白屏情况): 如果你是 vue-cli3 构建的项目: 执行下列指令,打开vue-cli图形配置界面,选择配置,修改公共路径为 ./ , 保存即可...
完成之后再运行electron-builder是不是直接就打包完成了呢。 参考:https://www.cnblogs.com/DevFans/p/14402077.html 3:启动白屏的问题: 在 vue.config.js 下 添加 如下配置代码:publicPath: process.env.NODE_ENV === 'production' ? './' : '/' ...