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 - 一个收集最新、最棒的 Electron 相关教程、书籍、视频等的 GitHub 仓库。