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 系统、用户和空闲活动时间的甜甜圈图。
哈希
显示输入文本使用不同算法计算的哈希值。
镜像
以最大化尺寸播放电脑摄像头的视频,如同照镜子。包含一个可选的彩虹滤镜效果,该效果使用 CSS 动画。
价格
使用 Yahoo Finance API 显示石油、黄金和白银的当前价格。
URL
在窗口中加载通过命令行传入的 URL。
其他资源
我们希望这些应用能帮助您开始使用 Electron。以下是一些其他学习资源:
- electron-quick-start:一个极简的 Electron 应用样板。
- Electron API 演示:一个交互式应用程序,演示了 Electron API 的核心功能
- electronjs.org/docs/all:所有 Electron 文档集中在一个可搜索的页面上。
- hokein/electron-sample-apps:由 Electron 维护者 Haojian Wu 整理的另一个 Electron 示例应用集合。
- awesome-electron - 一个 GitHub 仓库,收集了最新和最棒的 Electron 相关教程、书籍、视频等。