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 进行打包

打包后本地就有了:

相关推荐
heartmoonq1 分钟前
npm 包抽象封装并发布完整指南
前端
红衣信2 分钟前
深入剖析 hooks-todos 项目:前端开发的实用实践
前端·react.js·面试
今禾2 分钟前
深入理解 JavaScript 事件监听机制
前端·javascript
FogLetter2 分钟前
从饼干到Cookie:前端存储的身份密码本
前端·javascript
Spider_Man6 分钟前
🎭 React受控与非受控组件:一场"控制权"的争夺战
前端·react.js
Mintopia11 分钟前
LOD:图形世界里的 “看人下菜碟” 艺术
前端·javascript·计算机图形学
黑客老李13 分钟前
EDUSRC:智慧校园通用漏洞挖掘(涉校园解决方案商)
服务器·前端·网络·安全·web安全
Code季风13 分钟前
SQL关键字快速入门:CASE 实现条件逻辑
javascript·数据库·sql
拾光拾趣录14 分钟前
Vue依赖收集机制:响应式原理的核心实现
前端·vue.js
Mintopia15 分钟前
Three.js ArrowHelper:三维世界里的 “方向向导”
前端·javascript·three.js