vue+electron打包桌面应用

219 阅读1分钟

正常创建一个vue项目

vue create 名称

image.png

安装Electron

vue add electron-builder

image.png

启动项目

npm run electron:serve

image.png 这步如果出错,大概率是vue/cli版本问题,我的之前是5.X.X报错,重新安装3.X.X后启动成功

打包(路径不能有中文,会报错)

npm run electron:build

多出一个dist_electron文件夹 image.png

安装exe文件

image.png

成功!

image.png