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

在这里插入图片描述

3.下载完后把vue项目打包的dist文件替换electron-egg/public下面的dist文件夹
在这里插入图片描述

4.在package.json文件(electron-egg根目录下)中添加一下代码
写在scipt里面:“pack”: “electron-packager . ‘应用名称’ --platform=win32 --arch=x64 --out=./out --asar --app-version=0.0.1”,
在这里插入图片描述

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

6.npm run pack

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

Logo

前往低代码交流专区

更多推荐