Electron

Source: https://github.com/sindresorhus/awesome-electron at 8a8126103752
License: CC0-1.0
Read the English original

This edition is an AI-assisted translation.

Awesome Electron

建立 Electron 應用程式的實用資源

Electron 是一個開源架構，使用 Web 技術建立桌面應用程式。它結合了 Chromium 繪圖引擎與 Node.js 執行階段。

---

_{看看我的 macOS 應用程式}

Text Lens
^{複製螢幕上無法選取的文字}

---

目錄

• 應用程式
• 樣板專案
• 工具
• 元件
• 文件
• 文章
• 書籍
• 影片
• Podcast
• 社群
• 相關專案

應用程式

使用 Electron 建置。

開源

精選

• WebTorrent - 串流種子用戶端
• Min - 極簡網頁瀏覽器
• Hyper - 終端機
• Visual Studio Code - 跨平台 IDE

其他

• Git-it - 教你使用 Git 和 GitHub
• Caprine - 非官方 Facebook Messenger 應用程式
• Simplenote - 筆記應用程式
• Abricotine - 支援行內預覽的 Markdown 編輯器
• Kap - 支援 GIF 的螢幕錄製工具
• Medis - Redis 資料庫管理
• SmartMirror - 語音控制智慧鏡
• Beaker - 支援點對點 Web 通訊協定的瀏覽器
• KeeWeb - 非官方 KeePass 應用程式
• Gitify - 在選單列查看 GitHub 通知
• SpaceRadar - 互動式磁碟空間與記憶體視覺化
• Leanote - 雲端記事本
• Loop Drop - 用於電子音樂現場演出的 MIDI 循環器與合成器
• Pomodoro - 以番茄工作法為基礎的計時器
• Sia-UI - 以加密貨幣技術為基礎的去中心化檔案儲存系統
• MarkRight - 支援即時預覽的 GitHub 風格 Markdown 編輯器
• Sqlectron - SQL 用戶端
• Light Table - 即時回饋的程式碼編輯器
• Google Play Music Desktop Player - 非官方 Google Play Music 應用程式
• Chrome DevTools - 封裝為應用程式的 Chrome DevTools
• Proton - 支援即時預覽的 Markdown 編輯器
• Hawkpass - 密碼產生器
• Boostnote - 為開發者打造的 Markdown 筆記與程式碼片段應用程式
• Before Dawn - 螢幕保護程式工具
• Catify - Spotify 實用工具
• Ansel - 影像整理工具
• Tockler - 追蹤時間
• Mattermost - Mattermost 用戶端
• Crypter - 安全加密用戶端
• YakYak - 非官方 Google Hangouts 應用程式
• Museeks - 音樂播放器
• Sabaki - 圍棋棋盤
• Wire - 即時通訊與通話應用程式
• Extraterm - 終端機
• Stacer - Ubuntu 系統最佳化工具
• Inpad - 支援 GitHub 風格 Markdown 的筆記應用程式
• Cerebro - 含行內預覽的啟動器
• LosslessCut - 無損影片修剪與剪輯
• Buka - 電子書管理
• Insomnia - 建立與管理 HTTP 要求
• Tusk - 非官方 Evernote 應用程式
• Buttercup Desktop - 密碼管理器
• Mailspring - 可擴充的電子郵件用戶端。（Nylas Mail 的分支）
• Headset - 探索、收藏並收聽來自 YouTube 的音樂
• Nuclear - 從免費來源串流播放音樂的播放器
• Mark Text - 即時預覽 Markdown 編輯器
• Pomotroid - 番茄鐘計時器
• Netron - 深度學習與機器學習模型視覺化工具
• Etcher - 將作業系統映像寫入 SD 卡與 USB 磁碟機
• Notable - 以 Markdown 為基礎的筆記
• Unsplash Wallpapers - 將 Unsplash 圖片設為桌布
• Motrix - 下載管理器
• Franz - 在同一個應用程式中使用 Skype、Slack、Hangouts、WhatsApp、Grape、Telegram、FB Messenger 和 Hipchat
• Gmail Desktop - 非官方 Gmail 應用程式
• Upcount - 開立發票
• ExifCleaner - 透過拖放清除影像中繼資料
• massCode - 為開發者打造的程式碼片段管理器
• Swifty - 密碼管理器
• MQTTX - MQTT 用戶端（一種輕量級訊息傳遞通訊協定）
• LightProxy - Web 偵錯 Proxy
• Beekeeper Studio - 跨平台 SQL 編輯器與資料庫管理器
• Mouseless - 鍵盤快速鍵練習與查詢
• Glyphfinder - Unicode 字元搜尋
• Graviton Editor - 跨平台程式碼編輯器
• Yana - 筆記本應用程式，支援富文字筆記、巢狀整理與全域搜尋
• SpaceEye - 即時衛星影像桌布
• Heroic Games Launcher - Epic Games 啟動器的替代品
• VIR - 具備自動規劃功能的智慧時間管理器
• Browserosaurus - macOS 瀏覽器選擇提示工具
• linked - 每日記事
• shadowsocks-electron - 跨平台 Shadowsocks 用戶端
• Sigma File Manager - 現代化檔案管理器
• Ostara - 透過 Actuator 監控並操作 Spring Boot 應用程式
• PikaTorrent - BitTorrent 用戶端
• Wave Terminal - 整合 AI 的開源終端機
• Signal Desktop - Signal 行動應用程式的桌面配套應用程式

閉源

精選

• Rosefinch - 儲存並執行 SQL 查詢
• Nota - 專為本機 Markdown 檔案打造的專業寫作應用程式

其他

• GitKraken - Git 用戶端
• 1Clipboard - 通用剪貼簿管理器
• Postman - 建立並傳送 HTTP 要求
• Slack - 桌面版
• Avocode - 分享設計並協作
• Prepros - 編譯幾乎所有前處理語言，並即時重新整理瀏覽器
• Stremio - 媒體中心
• Typetalk - 透過即時訊息與團隊分享並討論想法
• Pingendo - Bootstrap 原型設計
• Spreaker Studio - 音訊錄製與廣播
• MockingBot - 應用程式設計原型工具
• Caret - Markdown 編輯器
• Remember - 名片管理。（韓文）*
• MongoDB Compass - MongoDB 官方應用程式
• Freeter - 為自由工作者與創意工作者打造的管理工具
• WhatsApp - WhatsApp 官方應用程式
• CatLight - 建置狀態通知工具
• Discord - 語音與文字聊天
• Cocos Creator - 用於為 Cocos2D-x 建立 Web 與原生遊戲的遊戲編輯器
• Inkdrop - 為駭客打造的 Markdown 筆記本
• Exodus - 安全地管理與交易 Bitcoin、Ethereum 等區塊鏈資產
• Hackolade - NoSQL 與多模型資料庫的資料建模
• CashNotify - 從選單列監控 Stripe 帳戶
• Mockoon - 幾秒內建立模擬伺服器
• Twitch - Twitch 官方應用程式
• Fenêtre - Mac 子母畫面
• Cleavr - 佈建伺服器並部署 Web 應用程式
• Brandy - 選單列品牌素材管理器
• Cacher - 雲端式、支援團隊協作並可同步 Gist 的程式碼片段管理器
• MusicPlus - 適用於 macOS 與 Windows 的免費音樂應用程式
• Mingo - MongoDB 圖形介面
• Moon Modeler - MongoDB、Mongoose 與 MariaDB 的結構設計工具
• Notion - 整合筆記、工作、Wiki 與資料庫的一站式工作空間
• FATpick - 伴奏演奏時為表現評分的吉他譜檢視器
• Taskade - 為分散式團隊打造的即時組織與協作工具，支援工作、筆記與聊天
• Coloban - 整合聊天、看板、甘特圖、通話、螢幕分享等功能的一站式專案管理工具
• Dynobase - AWS DynamoDB 圖形介面
• Lotus - 輕鬆掌握 GitHub 通知
• RunJS - JavaScript 與 TypeScript 練習場
• OpenSFTP - 整合 SSH 與 SFTP 的工作區用戶端
• Obsidian - 可擴充的 Markdown 筆記與知識管理

範例

• Electron API usage - 示範 Electron API 用法的範例應用程式
• Screen Recorder - WebRTC 螢幕錄製工具
• Activity Monitor - 以環圈圖顯示 CPU 的系統、使用者與閒置活動時間
• Hash - 使用不同演算法顯示輸入文字的雜湊值
• Prices - 透過 Yahoo Finance API 顯示石油、黃金與白銀的目前價格

樣板專案

• electron-boilerplate - 快速開始應用程式開發的樣板專案——作者：sindresorhus。
• generator-electron - 생성应用程式樣板專案
• electron-boilerplate - 功能完整的樣板專案，甚至可產生安裝程式——作者：szwacz。
• electron-react-boilerplate - 以 React 和 webpack 為基礎的樣板專案
• electron-quick-start - 複製此儲存庫以試用簡單應用程式
• bozon - 為應用程式建立架構、執行、測試與封裝
• secure-electron-template - 以安全性為重點，使用 React、Redux、Webpack 與 i18next 建立應用程式的樣板專案
• angular-electron - 使用 Angular、Electron、TypeScript、SASS 與熱重載快速建置
• vite-electron-builder - 以 Vite 為基礎的安全 Electron 應用程式樣板。TypeScript + Vue/React/Angular/Svelte/原生 JavaScript。

工具

Electron 專用

• electron-builder - 建立安裝程式
• electron-packager - 封裝並散布應用程式
• electron-debug - 加入實用的偵錯功能
• electron-is-dev - 檢查 Electron 是否在開發模式下執行
• electron-localshortcut - 為視窗新增本機鍵盤快速鍵
• fix-path - 從 GUI 應用程式執行時修正 macOS 上的 $PATH。啟動子程序時很實用。
• electron-dl - 簡化檔案下載
• electron-release-server - 支援前端與自動更新的自我託管版本伺服器
• electron-rebuild - 針對目前安裝的 Electron 版本重新建置原生 Node.js 模組
• debug-menu - 類似 Chrome 的「檢查元素」快顯功能表
• electron-installer-debian - 建立 Debian 套件
• electron-installer-redhat - 建立 Red Hat 套件
• electron-installer-windows - 建立 Windows 套件
• electron-download - 從 GitHub 下載 Electron 發行版 ZIP 檔
• electron-osx-sign - macOS 應用程式程式碼簽署
• ember-electron - 建置、測試並封裝 Ember 應用程式
• electron-store - 儲存與載入使用者偏好設定、應用程式狀態、快取等資料
• electron-context-menu - 可擴充的快顯功能表
• NeDB - 內嵌式持續性或記憶體內資料庫
• RxDB - 即時 NoSQL 資料庫
• electron-devtools-installer - 從 Chrome 線上應用程式商店安裝 DevTools 擴充功能
• electron-log - 簡易記錄
• electron-about-window - 「關於此應用程式」視窗
• elemon - 開發期間即時重新載入應用程式
• electron-is-accelerator - 檢查字串是否為有效的快速鍵
• electron-pdf-window - 在瀏覽器視窗中檢視 PDF 檔案
• got - 簡化 HTTP 要求
• electron-unhandled - 攔截未處理的錯誤與 Promise 拒絕
• electron-util - 用於開發應用程式與模組的實用工具
• electron-reloader - 開發期間簡易自動重新載入
• electron-serve - 靜態檔案服務（適用於 react-router 等路由情境）
• electron-timber - 美觀的記錄器
• chromium-net-errors - Chromium 網路錯誤的自訂錯誤類別
• run-electron - 執行 Electron 時不顯示終端機中的雜訊輸出
• debugtron - 偵錯已正式發布的 Electron 應用程式
• electron-better-ipc - 簡化 IPC 通訊
• electron-chrome-extension - 加入 Chrome 擴充功能支援
• trilogy - 支援原生 C++ 與純 JavaScript 後端的 TypeScript SQLite 資料庫層
• adblocker-electron - 封鎖廣告與追蹤器
• electronmon - 開發期間在程序外監控並重新載入應用程式
• electronegativity - 找出設定錯誤與安全反模式
• UpdateRocks! - 自動更新服務。開源專案免費
• electron-vite - 與 Vite 整合的快速易用建置工具
• pluggable-electron - 建置可透過外掛程式擴充的應用程式
• Hydraulic Conveyor - 無需專用更新伺服器、多平台 CI 或變更程式碼即可部署應用程式的 CLI 工具
• Aptabase - 應用程式分析工具。開源、重視隱私且簡單易用
• electron-webauthn-mac - 透過 Apple 的 AuthenticationServices 架構為 macOS 應用程式提供原生 WebAuthn/Passkey 支援

使用 Electron

• nativefier - 將任何網站製作成應用程式
• electron-stream - 串流包裝器
• electron-pdf - 在命令列中從 URL、HTML 或 Markdown 檔案產生 PDF
• electron-mocha - 在 Electron 中執行 Mocha 測試
• Reactotron - 檢查 React 與 React Native 應用程式
• jest-electron - 在瀏覽器環境中執行與偵錯 Jest 單元測試

元件

• menubar - 選單列應用程式架構
• React Desktop - 使用 React 建置的 macOS 與 Windows UI 工具組
• chrome-tabs - 類似 Chrome 的分頁
• Xel - 用於建置原生風格應用程式的元件工具組

文件

• Quick Start
• Official docs
• Essential Electron - 精簡概要

文章

• Electron Fundamentals
• Building a desktop application with Electron
• Codesigning your app for macOS
• Auto-updating apps for macOS and Windows: The complete guide
• Building a desktop app with Electron, React, and Redux
• Introducing BrowserView for Electron - 新的 Electron API，可嵌入 Web 應用程式並減少錯誤、提升效能
• Migrating Slack’s Desktop App to BrowserView - 為了解決效能問題，Slack 使用 BrowserView、Redux、Rx 與 TypeScript 重寫了 Electron 應用程式
• Electron on the App Store - 分為五個部分，介紹製作 Electron 應用程式並發佈至 Mac App Store 的歷程
• Building a file explorer with Electron, Quasar, and Vue - 著重於設計與程式碼決策，以及 Electron 安全性
• Using Google Analytics to gather usage statistics in Electron - 如何收集匿名使用者統計資料
• Notarizing your Electron app - 如何設定應用程式封裝以供 Apple 公證
• Making Electron apps feel native on Mac

書籍

• Developing an Electron Edge - Preview 💲
• Electron in Action 💲
• Cross-Platform Desktop Applications 💲

影片

• Getting Started with Electron 1.x
• Packaging and Distributing Electron Desktop Apps
• Multi Window Electron Desktop Apps
• The State of Electron
• Cross-Platform Desktop Apps with Electron
• Building Native Desktop apps using Electron
• The New Desktop: Electron, React, & Pixel-Perfect Native-Feeling Experiences
• Building Desktop Apps with Node.js and Electron
• Electron Fundamentals course - Pluralsight 💲
• Electron: Building Cross Platform Desktop Apps - Lynda 💲
• Build a desktop application with Electron - Egghead 💲
• Build Cross-Platform Desktop Apps with Electron - Frontend Masters 💲
• Electron Meetup SF, November 2017 - 收錄改善應用程式啟動時間、偵錯當機等主題的精彩演講
• Make Your Electron App Feel at Home Everywhere - 不犧牲自身風格，讓應用程式在 macOS、Windows 與 Linux 上更有原生感的技巧

Podcast

• Hanselminutes: Creating cross-platform Electron apps with Jessica Lord
• The Changelog #216: GitHub’s Electron with Zeke Sikelianos
• Full Stack Radio #48: Jessica Lord - Building Desktop Apps with Electron

社群

• Reddit
• Stack Overflow
• @electronjs on Twitter
• electron-br (Brazilian Portuguese)
• electron-pl (Polish)
• @electron_ru on Telegram (Russian)
• electronjs on Facebook
• Product Hunt

參與貢獻

歡迎貢獻！請先閱讀貢獻指南。

相關專案

• awesome-nodejs
• awesome-electronjs-hacking