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
活动监视器
显示 CPU 系统、用户和空闲活动时间的甜甜圈图。
哈希
使用不同的算法显示输入文本的哈希值。
镜像
以最大化尺寸播放计算机摄像头的视频,如同照镜子一样。包括一个使用 CSS 动画的可选彩虹滤镜效果。
价格
使用 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 维护者 Haojian Wu 整理的另一个 Electron 示例应用程序集合。
- awesome-electron - 一个 GitHub 仓库,收集最新的 Electron 相关教程、书籍、视频等。



