1.设置国内镜像
npm config edit
命令行输入后会弹出npm的配置文档,需要文档末尾加入
electron_mirror=https://npm.taobao.org/mirrors/electron/
electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/
2.全局安装electron
npm install electron -g
本电脑之前安装过,因此我把之前的删除了,从新安装的
3.vue项目安装electron-builder打包工具
vue add electron-builder
如果vue add命令不好使,需要配置
set-ExecutionPolicy RemoteSigned
4.打包
npm run electron:serve 运行vue项目,打开客户端
npm run electron:build
构建打包会生成dist_electron文件夹。其中的xxx.exe就是安装包。
5.其他
在打包的时候遇到一个问题
更改ts-loader版本,就好使了。
npm i -D ts-loader@~8.2.0