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

文章插图

目前electron最新稳定版本为v11.2.1，star高达89.2K+ 。
# 官网地址https://www.electronjs.org/# 仓库地址https://github.com/electron/electron有数千个超优秀的软件是基于Electron来构建开发的。

文章插图

【基于 Vue3.0+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/cli2、创建Vue3项目
具体的选项配置，大家自行选择。
vue create vue3-electron3、Vue3项目集成Electron
安装vue-cli-plugin-electron-builder插件。
cd vue3-electronvue add electron-builder安装过程中，会提示选择electron版本，大家选择最新的版本即可。
4、开发调试
npm run electron:serve// 或者yarn electron:serve