《開源精選》是我們分享Github、gitee等開源社區(qū)中優(yōu)質(zhì)項目的欄目,包括技術(shù)、學(xué)習(xí)、實用與各種有趣的內(nèi)容。本期推薦的是一個入門簡單、跨平臺、企業(yè)級桌面軟件開發(fā)框架。
特性
- 跨平臺:一套代碼,可以打包成windows版、mac版、linux版、國產(chǎn)UOS、Deepin、麒麟等
- 簡單高效:只需學(xué)習(xí) js 語言
- 前端獨立:理論上支持任何前端技術(shù),如:vue、react、html等等
- 工程化:可以用前端、服務(wù)端的開發(fā)思維,來編寫桌面軟件
- 高性能:事件驅(qū)動、非阻塞式IO
- 功能豐富:配置、通信、插件、數(shù)據(jù)庫、升級、打包、工具... 應(yīng)有盡有
- 安全:支持字節(jié)碼加密、壓縮混淆加密
- 功能demo:桌面軟件常見功能,框架集成或提供demo
常規(guī)桌面軟件
- windows平臺
- macOS平臺
- linux平臺 - 國產(chǎn)UOS、Deepin
- linux平臺 - ubuntu
vue、react、angular、web 轉(zhuǎn)換成桌面軟件
- vue-ant-design(本地)
- 禪道項目管理(web項目地址)
游戲(h5相關(guān)技術(shù)開發(fā))
- 忍者100層
開始使用
準(zhǔn)備
- 推薦 node.js >= 14.21.1
下載
# gitee git clone https://gitee.com/dromara/electron-egg.git # github git clone https://github.com/dromara/electron-egg.git
安裝
# 設(shè)置國內(nèi)鏡像源(加速) npm config set registry=https://registry.npmmirror.com npm config set disturl=https://registry.npmmirror.com/-/binary/node #如果下載electron慢,配置如下(或者掛個VPN) npm config set electron_mirror=https://registry.npmmirror.com/-/binary/electron/ # 進入目錄 ./electron-egg/ npm install # 如果還是提示 electron 沒安裝,進入 node_modules/electron 目錄下,再npm install # 構(gòu)建sqlite # - 需要 Python/ target=_blank class=infotextkey>Python3 環(huán)境 (操作系統(tǒng)自帶) # - 需要 node-gyp npm i node-gyp -g npm run re-sqlite # 如果sqlite報錯 ...tools之類的 npm --vs2015 i -g --production windows-build-tools 或者 npm i -g --production windows-build-tools
常用命令# 開發(fā)者模式 # 1:【進入前端目錄】,啟動前端服務(wù) cd electron-egg/frontend && npm install && npm run serve # 2:【根目錄】,啟動后端服務(wù) npm run dev # 開發(fā)模式(主進程) npm run dev # 開發(fā)模式-熱加載(主進程) npm run reload # 預(yù)發(fā)布模式(環(huán)境變量為:prod) npm run start # 打包 (windows版) npm run build-w (32位) npm run build-w-64 (64位) npm run build-w-arm64 (arm64) # 打包 (windows 免安裝版) # ee > v2.2.1 npm run build-wz (32位) npm run build-wz-64 (64位) npm run build-wz-arm64 (arm64) # 打包 (mac版) npm run build-m npm run build-m-arm64 (m1芯片架構(gòu)) # 打包 (linux版) # ee > v2.2.1 npm run build-l (32位 deb包) npm run build-l-64 (64位 deb包) npm run build-l-arm64 (64位 deb包 arm64) npm run build-l-armv7l (64位 deb包 armv7l) npm run build-lr-64 (64位 rpm包) npm run build-lp-64 (64位 pacman包) # 移動前端靜態(tài)資源 npm run rd # 代碼加密 npm run encrypt
項目案例
英雄聯(lián)盟助手
開源協(xié)議:Apache-2.0
開源地址:https://gitee.com/dromara/electron-egg