vue-electron-demo构建

官方的electron-vue文档🔗这种方法试了好多次一直网络超时下载不了,没找到原因,也可能单纯的网络原因?
后来知道这个方法也是个人的,不是公司公开发布的那种,已经很久不维护了,建议不用。
最后找了一种先构建vue项目再用electron-builder的方式,实现了,记录一下。
1.创建vue项目可以参考文章🔗搭建环境,这里不赘述了。

vue init webpack vue_test

2.进入创建好的vue项目cd vue-demo
然后下载

vue add electron-builder

打包

yarn electron:build

这里在dist_electron文件夹就得到了可以双击打开的程序,win下是.exe文件,linux下是.appimage,mac也有对应的。
3.最后下载依赖,运行

npm install
或者用yarn(yarn更好)
npm run electron:serve

这样是生产环境的运行。
在这里插入图片描述
附:electron安装时很慢很慢,参考这篇博客用镜像文件。

更新:npm install的时候特别慢,还提示让重新下载electron的情况下,用了另一种方法让npm的时候下electron速度快一点

npm config edit

打开这个文件 输i进入编辑模式,把

registry=http://registry.npm.taobao.org
electron_mirror=https://cdn.npm.taobao.org/dist/electron/

粘贴进去,esc退出编辑模式,:wq保存编辑并退出,再npm install

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值