目前electron最新穩(wěn)定版本為v11.2.1，star高達(dá)89.2K+。
# 官網(wǎng)地址
https://www.electronjs.org/
# 倉(cāng)庫(kù)地址
https://github.com/electron/electron
有數(shù)千個(gè)超優(yōu)秀的軟件是基于Electron來(lái)構(gòu)建開(kāi)發(fā)的。
使用vue語(yǔ)法來(lái)開(kāi)發(fā)electron項(xiàng)目，有一個(gè)比較火的腳手架是electron-vue，不過(guò)很久沒(méi)有更新了，而且是vue-cli2.x版本的。今天要分享的是Vue3.x開(kāi)發(fā)Electron項(xiàng)目，所以只能手動(dòng)配置開(kāi)發(fā)環(huán)境。
我們使用Vue CLI腳手架和vue-cli-plugin-electron-builder插件來(lái)搭建項(xiàng)目。
1、安裝最新版Vue CLI腳手架
npm install -g @vue/cli
2、創(chuàng)建Vue3項(xiàng)目
具體的選項(xiàng)配置，大家自行選擇。
vue create vue3-electron
3、Vue3項(xiàng)目集成Electron
安裝vue-cli-plugin-electron-builder插件。
cd vue3-electron
vue add electron-builder
安裝過(guò)程中，會(huì)提示選擇electron版本，大家選擇最新的版本即可。
4、開(kāi)發(fā)調(diào)試
npm run electron:serve
// 或者
yarn electron:serve
5、構(gòu)建打包
npm run electron:build
// 或者
yarn electron:build
這樣Vue3+Electron完整構(gòu)建跨平臺(tái)項(xiàng)目就初步搭建好了。另外一些具體的electron配置，大家去官網(wǎng)查閱文檔就行。
