Electron 簡易範例
·2 分鐘閱讀
我們最近在 GitHub 總部為 Hackbright Academy 的成員舉辦了一場 Electron 黑客松，Hackbright Academy 是一間位於舊金山為女性創立的程式設計學校。為了幫助與會者搶先開始他們的專案，我們的 Kevin Sawicki 建立了一些 Electron 範例應用程式。
如果您是 Electron 開發新手，或者還沒有嘗試過，這些範例應用程式是一個很好的起點。它們體積小、易於閱讀，並且程式碼都有詳細的註解，以解釋一切如何運作。
若要開始使用，請複製此儲存庫
git clone https://github.com/electron/simple-samples
若要執行以下任何應用程式，請變更到應用程式的目錄中，安裝依賴套件，然後啟動
cd activity-monitor
npm install
npm start
Activity Monitor
顯示 CPU 系統、使用者和閒置活動時間的環圈圖。
Hash
顯示使用不同演算法輸入文字的雜湊值。
Mirror
播放電腦攝影機的影片，並最大化尺寸，就像照鏡子一樣。包含可選的彩虹濾鏡效果，使用 CSS 動畫。
Prices
使用 Yahoo Finance API 顯示石油、黃金和白銀的目前價格。
URL
在視窗中載入在命令列中傳遞的 URL。
其他資源
我們希望這些應用程式能幫助您開始使用 Electron。以下是一些其他資源，可供您學習更多資訊
- electron-quick-start：一個極簡的 Electron 應用程式樣板。
- Electron API Demos：一個互動式應用程式，示範 Electron API 的核心功能
- electronjs.org/docs/all：所有 Electron 文件集中在一個可搜尋的頁面上。
- hokein/electron-sample-apps：另一個 Electron 範例應用程式集合，由 Electron 維護者 Haojian Wu 編譯。
- awesome-electron - 一個 GitHub 儲存庫，收集最新和最棒的 Electron 相關教學、書籍、影片等。