Electron 简单示例

我们最近在 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 相关教程、书籍、视频等。