Electron+Vite+Vue跨平臺電腦桌面應用快速開發框架開箱即用Go快速開發後臺框架api結合開發也可以單獨使用

我們不生產框架，我們是優秀框架的搬運工

一個可以用Vite+vue3基於electron開發的電腦桌面應用的框架。前端開發者用一套熟悉的vue框架就可以開發電腦應用，無需在學習其他語言，只要你會vue前端開發就可以開發桌面應用。框架引入漂亮的前端vue框架UI（Arco Design），可以輕鬆做出漂亮的互動介面。
框架GoFly官方介紹網址連結：goflys.cn/ardetail?id=3
git程式碼倉連結：gitee.com/huang_li_shi_admin/vite_...
vue框架的UI連結：arco.design/vue/component/avatar

快速開始

gitee 下載框架程式碼到本地

git clone https://gitee.com/huang_li_shi_admin/vite_electron.git

初始專案

如果初始下載失敗，請更改資源映象（淘寶映象）

yarn install

執行專案

yarn dev

可以看到建立了一個dist-electron資料夾，同時開啟了一個桌面應用

打包專案

yarn build

成功後會生成一個release資料夾，在裡面就能看到打包好的exe安裝包了。

安裝Electron（選擇安裝-一般yarn install 就可以跑）

1.先配置下映象

不安裝下載和打包時可能會超時出錯

yarn config set electron_mirror https://npm.taobao.org/mirrors/electron/
yarn config set electron_builder_binaries_mirror https://npm.taobao.org/mirrors/electron-builder-binaries/

2.接下來開始安裝electron

 yarn add electron -D

3.接著安裝vite-plugin-electron外掛

該外掛用於配置electron打包編譯的檔案入口

yarn add vite-plugin-electron -D

開發注意事項

1. ctrl+shift+i 切換開發者控制檯
2. electron框架API程式碼electron\renderers下新增
3. vue頁面呼叫Electron框架的API方法在src\utils\ipcMainApi.js統一管理

開發文件

開發參考我們封裝框架的GoFly桌面快速開發框架文件，需要框electron請electron官方文件，我們框架整合了vue的UI框架方便您快速開發應用，無需自己搭建基礎依賴和技術選擇。

GoFly桌面應用框架預覽圖

本作品採用《CC 協議》，轉載必須註明作者和本文連結