一,全局安装electron:
npm install electron -g
二,安装electron-builder插件生成electron项目配置
vue add electron-builder
electron-builder会自动安装所需要的依赖以及配置文件
![在这里插入图片描述](https://img-blog.csdnimg.cn/8b585930ac0940fea4dc344be449f21b.png)
会发现目录里多了一个background.js 的文件,并且package.json 里多了依赖和执行命令其中这个“main”: “background.js” 是electron的入口文件
三,运行桌面程序
npm run electron:serve
效果图如下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/ca6eec76a443469790dc2ccc6250edab.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/4418b1c114324e2fba9dd7b8edface09.png)