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

相关推荐
幻灵尔依1 分钟前
前端编码统一规范
javascript·vue.js·代码规范
欢脱的小猴子1 分钟前
VUE3加载cesium,导入czml的星座后页面卡死BUG 修复
前端·vue.js·bug
高级测试工程师欧阳3 分钟前
CSS 基础概念
前端·css·css3
前端小巷子3 分钟前
JS 实现图片瀑布流布局
前端·javascript·面试
Juchecar10 分钟前
AI教你常识之 npm / pnpm / package.json
前端
薛定谔的猫217 分钟前
前端工程化系列(一):编码规范相关
前端·代码规范·前端工程化
ZKshun20 分钟前
[ 前端性能优化 - 图片压缩 ] WebP格式的的图片性能到底有多优秀?
前端
杜蒙24 分钟前
React Hooks 详解
前端·javascript
南囝coding24 分钟前
Claude Code 从入门到精通:最全配置指南和工具推荐
前端·后端
索马里亚纳海参炒贩25 分钟前
useCallback useMemo memo 三个区别和作用
前端·react native