之前介绍一个vuecli + electron的方法,最近发现一个更简单的方式
参考:
https://nklayman.github.io/vue-cli-plugin-electron-builder/
过程省略
vue add electron-builder // 安装的东西很多,注意网络 // 可以先安装cnpm install --save-dev electron-chromedriver // 本人安装时,报了很多错,后来隔天新建了个工程,一下子就安装成功了
安装成功后,运行npm run electron:serve,如果出现以下页面,说明成功了
// 执行下面的命令即可 npm run electron:build //在dist_electron目录下会发现一个exe //点击运行(不过比较慢) //还有一个win-unpacked文件夹,里面是我们之前打包的模式,点击里面的exe,即可运行
4.1 安装组件,cnpm install --save-dev electron-icon-builder
4.2 准备好你的图标,放到/public/icon.png
4.3 在package.json的scripts下新增一条命令
"electron:generate-icons": "electron-icon-builder --input=./public/icon.png --output=build --flatten"
4.4 执行,npm run electron:generate-icons,生成一系列图标
4.5 删除dist_electron文件夹,重新执行打包命令,npm run electron:build,会发现应用的图标变了