Electron (前身為 Atom Shell) 是由程釗創建，目前由 GitHub 開發的開源框架。 它允許使用最初為 Web 應用程式開發的前端和後端組件來開發桌面 GUI 應用程式：後端的 Node.js 運行時環境和前端的 Chromium。Electron 是多個著名的開源專案背後的主要 GUI 框架，包括 GitHub 的 Atom 和 Microsoft 的 Visual Studio Code 原始碼編輯器、Tidal 音樂串流服務桌面應用程式和 Light Table IDE，以及 Discord 聊天服務的免費桌面用戶端。

每個 Electron 應用程式都有兩個執行緒：一個是主執行緒（處理應用程式視窗和啟動），另一個是渲染器執行緒（基本上是您的 UI 網頁程式碼）。還有一個預載腳本來橋接這兩個「世界」。

渲染器執行緒

Electron 使用 Chromium 在一個稱為渲染程序的獨立程序中顯示網頁。此執行緒處理您的 UI 程式碼，位於 /src 資料夾中。您將無法在此處使用 Node.js 的功能，但預載腳本將允許您將 UI 與 Node.js 橋接。

主執行緒

在 Electron 中，執行 package.json 的 main 腳本的程序稱為主程序。這是主程序中運行的腳本，可以通過初始化渲染器執行緒來顯示 GUI。此執行緒處理您的程式碼，位於 /src-electron/electron-main.[js|ts] 中。

預載腳本

預載腳本 (/src-electron/electron-preload.[js|ts]) 是一種讓您通過在渲染器執行緒和 UI 之間使用橋接器，將 Node.js 的東西注入到渲染器執行緒中的方法。您可以公開 API，然後您可以從 UI 中調用這些 API。