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