如何把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为文件下面有我们的可执行文件

相关推荐
Danny_FD7 分钟前
Vue + Element UI 实现模糊搜索自动补全
前端·javascript
gnip12 分钟前
闭包实现一个简单Vue3的状态管理
前端·javascript
斐济岛上有一只斐济18 分钟前
后端程序员的CSS复习
前端
Enddme21 分钟前
《面试必问!JavaScript 中this 全方位避坑指南 (含高频题解析)》
前端·javascript·面试
有梦想的程序员22 分钟前
微信小程序使用 Tailwind CSS version 3
前端
wocwin33 分钟前
Vue移动端项目二次封装原生table组件,支持表头/数据动态配置(支持多级表头、排序);作用域插槽、render函数渲染某列数据等功能
vue.js
溟洵1 小时前
Qt 窗口 工具栏QToolBar、状态栏StatusBar
开发语言·前端·数据库·c++·后端·qt
用户2519162427111 小时前
Canvas之图像合成
前端·javascript·canvas
每天开心1 小时前
噜噜旅游App(4)——构建旅游智能客服模块,实现AI聊天
前端·微信小程序·前端框架
超凌1 小时前
el-input-number出现的点击+-按钮频现不生效
前端