将vue项目打包成exe的方法
#1
git clone https://github.com/electron/electron-quick-start.git
下载electron-quick-start
#2
在下载好的项目里面
npm install
#3
将下载好的项目根目录index.html文件删除
#4
下载后的文件将
mainWindow.loadFile('index.html')
改为
mainWindow.loadFile('./dist/index.html')
#5
将自己的项目npm run build 打包
#6
打包后的dist复制到下载项目的根目录:如图
#7
num run start 查看是否可以跑起来
#8
如果可以跑起来
安装包npm install electron-packager --save-dev
#9
修改package.json scripts下面添加
"scripts": {
"start": "electron .",
"packager": "electron-packager ./ App --platform=win32 --arch=x64 --overwrite"
},
#10
npm run packager
打包成功会在根目录生成一个文件
文件里面有个APP.exe运行就可以啦
各位童鞋们如果遇到问题,欢迎加我好友哦
wx: gucan2