如何把vue项目打包成桌面程序 electron-builder

引入

我们想要把我们写的vue项目,打包成桌面程序,我们需要使用electron-builder这个库

如何使用

首先添加打包工具

bash 复制代码
vue add electron-builder

选择最新版本

下载完毕


我们可以看到我们的package.json中多了几行

electron:build:打包我们的可执行程序

electron:serve:运行可执行程序,不打包


我们先运行,不打包试试 可能会有点慢,耐心等等

bash 复制代码
npm run electron:serve

执行成功!


打包的话就是:

bash 复制代码
npm run electron:build

他会在根目录生成一个dist_electron文件夹里面的win-unpacked为文件下面有我们的可执行文件

相关推荐
Mintopia几秒前
Three.js 物理引擎:给你的 3D 世界装上 “牛顿之魂”
前端·javascript·three.js
Jeremy_Lee1234 分钟前
grafana 批量视图备份及恢复(含数据源)
前端·网络·grafana
import_random9 分钟前
[python]conda
前端
亲亲小宝宝鸭10 分钟前
写了两个小需求,终于搞清楚了表格合并
前端·vue.js
BUG收容所所长12 分钟前
栈的奇妙世界:从冰棒到算法的华丽转身
前端·javascript·算法
xingba20 分钟前
重写IE的showModalDialog模态框以兼容现代浏览器
前端·javascript·google
前端小巷子21 分钟前
Promise 静态方法:轻松处理多个异步任务
前端·面试·promise
梨子同志26 分钟前
JavaScript Set 和 Map 数据结构
前端·javascript
初辰ge31 分钟前
做个大屏既要不留白又要不变形还要没滚动条,我直接怒斥领导,大屏适配就这四种模式
前端·javascript
Face33 分钟前
路由Vue-router 及 异步组件
前端·javascript·vue.js