官方的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