跳至主要內容

新增功能

跟著教學走

這是 Electron 教學的**第 4 部分**。

  1. 先決條件
  2. 建立您的第一個應用程式
  3. 使用預載腳本
  4. 新增功能
  5. 打包您的應用程式
  6. 發佈與更新

新增應用程式複雜性​

如果您一直跟著做，您應該有一個具有靜態使用者介面的功能性 Electron 應用程式。 從這個起點開始，您通常可以朝兩個廣泛的方向開發您的應用程式

  1. 新增複雜性至您的渲染器進程的網頁應用程式程式碼
  2. 與作業系統和 Node.js 更深入的整合

理解這兩個廣泛概念之間的區別非常重要。 對於第一點，不需要特定於 Electron 的資源。 在 Electron 中建立一個漂亮的待辦事項清單，只是將您的 Electron BrowserWindow 指向一個漂亮的待辦事項清單網頁應用程式。 最終，您使用的工具 (HTML、CSS、JavaScript) 與您在網路上使用的相同，來建置渲染器的 UI。 因此，Electron 的文件不會深入探討如何使用標準網頁工具。

另一方面，Electron 也提供了一組豐富的工具，讓您可以與桌面環境整合，從建立托盤圖示到新增全域捷徑到顯示原生選單。 它還在主進程中為您提供了 Node.js 環境的所有功能。 這組功能將 Electron 應用程式與在瀏覽器標籤中執行網站區分開來，並且是 Electron 文件關注的重點。

操作範例​

Electron 的文件中有許多教學課程可幫助您處理更進階的主題和更深入的作業系統整合。 若要開始，請查看 操作範例 文件。

如果缺少什麼，請告訴我們！

如果您找不到您要尋找的東西，請在 GitHub 或我們的 Discord 伺服器上告訴我們！

下一步是什麼？​

在教學的其餘部分，我們將從應用程式程式碼轉移，並向您展示如何將您的應用程式從您的開發機器交付到最終使用者手中。