跳到主要内容

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

Screenshot

哈希

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

screenshot

镜像

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

价格

使用雅虎财经 API 显示石油、黄金和白银的当前价格。

screenshot

URL

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

其他资源

我们希望这些应用程序能帮助您开始使用 Electron。这里有一些其他资源可以了解更多信息