基于 Vue3.0+Electron 搭建桌面端应用

目前electron最新稳定版本为v11.2.1，star高达89.2K+。

# 官网地址
https://www.electronjs.org/

# 仓库地址
https://github.com/electron/electron

有数千个超优秀的软件是基于Electron来构建开发的。

使用vue语法来开发electron项目，有一个比较火的脚手架是electron-vue，不过很久没有更新了，而且是vue-cli2.x版本的。今天要分享的是Vue3.x开发Electron项目，所以只能手动配置开发环境。

我们使用Vue CLI脚手架和vue-cli-plugin-electron-builder插件来搭建项目。

1、安装最新版Vue CLI脚手架

npm install -g @vue/cli

2、创建Vue3项目

具体的选项配置，大家自行选择。

vue create vue3-electron

3、Vue3项目集成Electron

安装vue-cli-plugin-electron-builder插件。

cd vue3-electron
vue add electron-builder

安装过程中，会提示选择electron版本，大家选择最新的版本即可。

4、开发调试

npm run electron:serve
// 或者
yarn electron:serve

5、构建打包

npm run electron:build
// 或者
yarn electron:build

这样Vue3+Electron完整构建跨平台项目就初步搭建好了。另外一些具体的electron配置，大家去官网查阅文档就行。