Electron 是一個(gè)基于 Node.js 與 Chromium 的開(kāi)源框架，允許開(kāi)發(fā)者使用 HTML、CSS、JavaScript（或 TypeScript）? 來(lái)構(gòu)建跨平臺(tái)的桌面應(yīng)用程序。它把網(wǎng)頁(yè)渲染引擎（Chromium）和服務(wù)器端運(yùn)行時(shí)（Node.js）封裝在同一個(gè)進(jìn)程中，使得前端技術(shù)棧即可直接訪問(wèn)本地操作系統(tǒng)的原生 API，從而實(shí)現(xiàn)文件系統(tǒng)、托盤(pán)、通知、自動(dòng)更新等功能。

• Electron官網(wǎng)入口網(wǎng)址：https://www.electronjs.org/
• Electron中文介紹：https://www.electronjs.org/zh/docs/latest/
• Electron開(kāi)源項(xiàng)目地址：https://github.com/electron/electron

主要特性

• 跨平臺(tái)：一次代碼即可在 Windows、macOS、Linux 上運(yùn)行。
• 原生 API：提供對(duì)窗口、菜單、系統(tǒng)剪貼板、文件系統(tǒng)等底層功能的封裝。
• 自動(dòng)更新：內(nèi)置更新機(jī)制，方便發(fā)布新版本。
• 調(diào)試工具：可直接使用 Chrome DevTools 調(diào)試渲染進(jìn)程，Node.js 調(diào)試器調(diào)試主進(jìn)程。
• 豐富生態(tài)：官方提供 Electron Forge、Electron Builder、Electron Fiddle 等腳手架和打包工具，社區(qū)有大量插件和示例項(xiàng)目。

適用場(chǎng)景

• 需要快速原型：前端開(kāi)發(fā)者可以直接復(fù)用已有的網(wǎng)頁(yè)代碼。
• 跨平臺(tái)統(tǒng)一 UI：一次開(kāi)發(fā)即可覆蓋三大桌面系統(tǒng)。
• 需要本地系統(tǒng)交互：如文件管理、系統(tǒng)托盤(pán)、硬件訪問(wèn)等。
• 企業(yè)內(nèi)部工具：利用現(xiàn)有前端技術(shù)棧降低學(xué)習(xí)成本。

Electron 通過(guò)把 Web 技術(shù)與本地系統(tǒng)能力結(jié)合，為開(kāi)發(fā)者提供了“一套代碼，多平臺(tái)運(yùn)行”的高效方案。其活躍的社區(qū)、完善的文檔以及持續(xù)更新的底層 Chromium 與 Node.js，使其成為構(gòu)建桌面應(yīng)用的主流選擇。