跳转到主要内容

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 系统、用户和空闲活动时间的甜甜圈图。

Screenshot

哈希

使用不同的算法显示输入文本的哈希值。

screenshot

镜像

以最大化尺寸播放计算机摄像头的视频,如同照镜子一样。包括一个使用 CSS 动画的可选彩虹滤镜效果。

价格

使用 Yahoo Finance API 显示当前石油、黄金和白银的价格。

screenshot

URL

在窗口中加载命令行传递的 URL。

其他资源

我们希望这些应用程序能帮助您开始使用 Electron。以下是一些学习更多信息的资源: