最近公司希望能将vue3项目多加个桌面端，便开始了electron的踩坑之路！
由于该项目已经是成熟的项目，所以便直接在项目根目录下执行 vue add electron-builder
我这里选择的是v13.0.0 安装成功之后就可以看到package.json中配置好了相应的electron命令，运行的时候可以通过 npm run electron:serve即可打开electron，打包的时候可通过 npm run electron:build 进行打包。
然后可以在src/background.ts查看electron的基本配置，默认是800*600的窗口。
下面是我打包时候的配置，vue版的跟正常的electron打包配置的地方不同，是在vue.config.js文件中进行配置
运行npm run electron:build
出现build complete即打包成功！注意：第一次打包的时候会需要下载依赖，所以得科学上网，小编在这一步被坑了好久！！！
打包成功在dist_electron文件夹中会有exe文件可使用inno setup将打包后的应用程序编译成windows的应用程序安装包，具体使用方法百度，给后端进行签名配置服务器即可在网上下载。
介绍和作者可在package.json文件中进行配置
当你鼠标悬浮在图标上便会浮现你的公司名和介绍
打包完打开exe发现白屏，这是为什么呢
去router页面将createWebHistory改成createWebHashHistory即可
OK，搞定！
