vue项目打包成.exe桌面应用

1.将vue项目打包成dist文件:npm run build:prod
2.新建文件夹,使用git下载(下载其中一种就行)

gitee

git clone https://gitee.com/wallace5303/electron-egg.git

github

git clone https://github.com/wallace5303/electron-egg.git

vue项目打包成.exe桌面应用_第1张图片

3.下载完后把vue项目打包的dist文件替换electron-egg/public下面的dist文件夹
vue项目打包成.exe桌面应用_第2张图片

4.在package.json文件(electron-egg根目录下)中添加一下代码
写在scipt里面:“pack”: “electron-packager . ‘应用名称’ --platform=win32 --arch=x64 --out=./out --asar --app-version=0.0.1”,
vue项目打包成.exe桌面应用_第3张图片

5.在下载的项目终端运行:npm install electron --save-dev
npm install electron-packager --save-dev // 打包命令

6.npm run pack

7.electron-egg文件夹下会出现一个out文件,双击out文件夹里app.exe就能打开桌面应用啦

你可能感兴趣的:(vue.js,前端,javascript)