electron打包vue2项目流程

1,安装一个node +vue2 的项目

2,安装electron:

复制代码
npm install electron -g

//如果安装还是 特比慢 或 不想安装cnpn 淘宝镜像

查看是否安装成功:

electron -v

3,进入到项目目录:cd electron-demo 进入项目目录 然后通过add你的electron

复制代码
vue add electron-builder

安装过程中 此处我们选择 ^13.0.0 按下回车

4,修改你的c盘下面的.npmrc ( 修改镜像添加如下代码)

复制代码
ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
ELECTRON_BUILDER_BINARIES_MIRROR=https://npmmirror.com/mirrors/electron-builder-binaries/

5,打包成exe文件:

复制代码
打包应用 使用 npm run electron:build 进行打包

打包后本地就有了:

相关推荐
狂师6 分钟前
比 Playwright 更给力,推荐一个AI Agent的浏览器自动化开源项目!
前端·开源·测试
IT_陈寒15 分钟前
React hooks 闭包陷阱把我的状态吃掉了,原来问题出在这里
前端·人工智能·后端
壹方秘境16 分钟前
使用ApiCatcher在 iOS 上像修改 hosts 一样自定义域名解析
前端·后端·客户端
柳杉38 分钟前
可视化大屏设计器脚手架:从设计到交付的一站式方案
前端·three.js·数据可视化
铁皮饭盒1 小时前
3行代码搞定页面截图,Bun.WebView真的简单
javascript
kyriewen14 小时前
我手写了一个 EventEmitter,面试官追问了 6 个问题——第 4 个我没答上来
前端·javascript·面试
IT_陈寒14 小时前
Java的Date类又坑了我一次,改用时间戳真香
前端·人工智能·后端
山河木马15 小时前
矩阵专题2-怎么创建视图矩阵(uViewMatrix)
javascript·webgl·计算机图形学
小林攻城狮15 小时前
使用 Transport 节流解决 Vercel AI SDK 流式渲染卡死问题
前端·react.js
前端缘梦15 小时前
告别 TS 运行时类型漏洞!Zod 完整入门实战教程(前端 / 全栈必备)
前端·react.js·全栈