Electron
Awesome Electron
¶
> 用于创建应用程序的有用资源 Electron
Electron 是一个开源框架,用于使用 Web 技术创建桌面应用程序. 它结合了 Chromium 渲染引擎和 Node.js 运行时.
你现在可以 discuss and ask Electron-related questions 就在这个 repo 中.
Apps¶
用电子制造.
Open Source¶
Featured¶
- Beaker - 具有点对点网络协议的浏览器.
- Hyper - 终端.
- WebTorrent - 流洪流客户端.
- Kap - 支持 GIF 的屏幕录像机.
- Min - 最小的网络浏览器.
- SpaceRadar - 交互式磁盘空间和内存可视化.
- Atom - 代码编辑器.
- Visual Studio Code - 跨平台IDE.
- Wexond - 具有材料 UI 和扩展 API 的 Web 浏览器.
Other¶
- Git-it - 教你 Git 和 GitHub.
- Caprine - 非官方的 Facebook Messenger 应用程序.
- Simplenote - 笔记管理员.
- nuTorrent - BitTorrent 客户端.
- Abricotine - 带有内嵌预览的 Markdown 编辑器.
- Medis - Redis 数据库管理.
- Kakapo - 用于放松或提高工作效率的环境混音器.
- SmartMirror - 语音控制的智能镜子.
- Koko - IRC 客户端.
- KeeWeb - 非官方的 KeePass 应用程序.
- Gitify - 菜单栏中的 GitHub 通知.
- Friends - P2P 聊天.
- Cumulus - 菜单栏中的 SoundCloud 播放器.
- Kitematic - Docker 容器管理.
- FatFileFinder - 在您的机器上查找大文件.
- ScreenCat - 屏幕共享和远程协作.
- Mapbox Studio - 地图设计师.
- LevelUI - LevelDB 管理.
- Vmd - 预览 Markdown 文件.
- Kyoku - 显示当前的 iTunes 歌曲.
- GReader - 收集和阅读 GitHub 存储库的离线自述文件.
- Leanote - 云记事本.
- Snapper - 适用于 Android 设备的屏幕捕获和录制.
- Imagemin - 缩小图像.
- We Build SG - 即将发生的事件和最近更新的来自 webuild.sg 的存储库.
- Piglet - 从菜单栏运行 Grunt 任务.
- Yoda - 浏览和下载 YouTube 视频.
- Loop Drop - 用于现场电子音乐表演的 MIDI 循环器和合成器.
- Toby - YouTube 播放器.
- Kaku - Music player.
- Markn - 降价查看器.
- Shiba - 带有 linting 的实时 Markdown 预览.
- Yays - 菜单栏中的 YouTube 音乐播放器.
- TimoFM - DoubanFM music player.
- Monu - 过程监控.
- DevDocs - 非官方 DevDocs.io 应用程序.
- google-music-electron - 非官方的谷歌音乐应用.
- Pomodoro - 基于番茄工作法的计时器.
- Sia-UI - 基于加密货币技术的去中心化文件存储系统.
- MarkRight - 带有实时预览的 GitHub 风格的 Markdown 编辑器.
- Mongotron - MongoDB 管理工具.
- Colonizers - “Catan”启发的棋盘游戏.
- Eintopf - 使用 Docker 管理开发项目.
- WhatsDesktop - 非官方的 WhatsApp 应用程序.
- Sqlectron - SQL 客户端.
- docker-indicator - 非官方的 Docker 菜单栏应用程序.
- Light Table - 具有即时反馈的代码编辑器.
- Tubehead - 菜单栏中的 YouTube 音乐播放器.
- Google Play Music Desktop Player - 非官方的 Google Play 音乐应用.
- Chrome DevTools - Chrome DevTools 打包为应用程序.
- Yeobara - 使用信标进行聚会签到.
- Proton - 带实时预览的 Markdown 编辑器.
- James - 用于查看和拦截浏览器请求的 HTTP 代理.
- DTCP - 推特客户端.
- Inbox - 非官方的 Google Inbox 应用程序.
- tweet-rec - 推文录音播放器.
- Snippet Bar - 在菜单栏中复制粘贴和重复使用文本片段.
- Electronic WeChat - 非官方微信应用程序.
- dida - Add tasks to TickTick (滴答清单).
- FromScratch - 自动保存便笺簿.
- Hawkpass - 密码生成器.
- Gokotta - Music player.
- Shake - 日本地震预警通知.
- Fog - 非官方的阴天播客应用程序.
- Wmail - 非官方 Gmail 和 Google Inbox 应用程序.
- Boostnote - 面向开发人员的 Markdown 注释和代码片段应用程序.
- Before Dawn - 屏保工具.
- Active Collab - 非官方的 Active Collab 应用程序.
- Hain - Windows 启动器.
- Catify - Spotify 的实用程序.
- Minira - 菜单栏中的 JIRA 问题.
- Ansel - 图像组织者.
- Build Checker App - 检查 CI 服务器构建状态.
- Tockler - 跟踪你的时间.
- Mattermost - 最重要的客户.
- PupaFM - DoubanFM music player.
- MediumDesk - 非官方媒体应用程序.
- Lightgallery - 图像查看器.
- Crypter - 安全加密客户端.
- YakYak - 非官方的 Google Hangouts 应用.
- Museeks - Music player.
- VOX - 非官方的 VOX 音乐播放器.
- Sabaki - Go/Baduk/Weiqi board.
- Marky - 降价编辑器.
- Deco - 反应本机 IDE.
- Toshocat - 动漫/漫画进度跟踪器.
- iStats - 菜单栏上的 CPU 和内存统计信息.
- Wire - 信使和通话应用程序.
- Ramme - 非官方的 Instagram 应用程序.
- Moonview - 环境记事本.
- DBGlass - PostgreSQL 客户端.
- Slide Beacon - 物理网络信标广播.
- Rambox - 结合了 Discord、环聊、Gmail 和 Outlook 等多种服务的聊天和电子邮件应用程序.
- Extraterm - 终端.
- Materialette - 菜单栏中的材料设计调色板.
- Dext - 启动器.
- PB for Desktop - Pushbullet 客户端.
- GroupMe - 非官方的 GroupMe 应用程序.
- ndm - npm 桌面管理器.
- GIFBar - 在菜单栏中搜索 GIF.
- Stacer - Ubuntu 系统优化器.
- Zazu - 启动器.
- Inpad - 带有 GitHub 风格的 Markdown 的 Notes 应用程序.
- Cerebro - 带有内嵌预览的启动器.
- Desktop Dimmer - 控制任何显示器的亮度.
- LosslessCut - 无损视频修剪和切割.
- Buka - 电子书管理.
- Insomnia - 创建和管理 HTTP 请求.
- Tusk - 非官方印象笔记应用程序.
- ProtonMail Desktop - 非官方 ProtonMail 应用程序.
- Comma Chameleon - CSV 编辑器.
- Buttercup Desktop - 密码管理器.
- Mailspring - 可扩展的电子邮件客户端. (尼拉斯邮件的分叉)
- Manta - 使用漂亮且可自定义的模板为自由职业者开具发票.
- Headset - 发现、收集和聆听来自 YouTube 的音乐.
- Nuclear - 从免费来源流式传输的音乐播放器.
- FreeMAN - 高级用户的文件管理器.
- Mark Text - 实时预览 Markdown 编辑器.
- Pomotroid - 番茄定时器.
- Pretzel - 显示和搜索当前应用的键盘快捷键.
- Netron - 深度学习和机器学习模型的可视化工具.
- Ao - 非官方的微软待办应用.
- Etcher - 将操作系统映像闪存到 SD 卡和 USB 驱动器.
- Noty - 自动保存便笺,支持单个窗口中的多个便笺.
- Notable - 基于 Markdown 的笔记.
- Mini Diary - 简单安全的日记应用程序.
- Unsplash Wallpapers - 从 Unsplash 设置桌面壁纸.
- Motrix - 下载管理器.
- Franz - Skype、Slack、环聊、WhatsApp、Grape、Telegram、FB Messenger、Hipchat 在同一应用中.
- Gmail Desktop - 非官方 Gmail 应用程序.
- Upcount - 发票.
- ExifCleaner - 通过拖放清理图像元数据.
- massCode - 开发人员的代码片段管理器.
- Swifty - 密码管理器.
- MQTTX - MQTT 客户端,这是一种轻量级消息传递协议.
- LightProxy - 网络调试代理.
- Beekeeper Studio - 跨平台 SQL 编辑器和数据库管理器.
- Mouseless - 键盘快捷键训练和查找.
- Glyphfinder - Unicode 字符搜索.
- Graviton Editor - 跨平台代码编辑器.
- Yana - 带有富文本笔记、嵌套笔记组织和全局搜索的笔记本应用程序.
- SpaceEye - 桌面背景的实时卫星图像.
Closed Source¶
- GitKraken - Git 客户端.
- 1Clipboard - 通用剪贴板管理器.
- Postman - 创建和发送 HTTP 请求.
- Slack - 桌面版.
- Avocode - 共享设计和协作.
- Prepros - 使用实时浏览器刷新编译几乎任何预处理语言.
- Stremio - 媒体中心.
- Typetalk - 通过即时消息与您的团队分享和讨论想法.
- Pingendo - Bootstrap 原型设计.
- Spreaker Studio - 录音和广播.
- MockingBot - 用于设计应用程序的原型工具.
- Caret - 降价编辑器.
- Wantedly Chat - 业务团队聊天. (日本人)
- Remember - 名片管理. (韩国人)
- MongoDB Compass - 官方 MongoDB 应用程序.
- Freeter - 自由职业者和创意者的组织者.
- WhatsApp - 官方 WhatsApp 应用程序.
- CatLight - 构建状态通知程序.
- Automint - 汽车企业的CRM.
- Discord - 语音和文字聊天.
- Cocos Creator - 用于为 Cocos2D-x 创建 Web 和本机游戏的游戏编辑器.
- Inkdrop - 黑客的 Markdown 笔记本.
- Exodus - 保护、管理和交换比特币和以太坊等区块链资产.
- Hackolade - NoSQL 和多模型数据库的数据建模.
- ScreenSquid - 记录和回放网站访问者会话.
- CashNotify - 从菜单栏监控您的 Stripe 帐户.
- Mockoon - 在几秒钟内模拟服务器.
- Twitch - 官方 Twitch 应用程序.
- Fenêtre - 适用于 Mac 的画中画.
- Cleavr - 配置服务器并部署 Web 应用程序.
- Brandy - 菜单栏的品牌资产管理器.
- Cacher - 基于云、支持团队的代码片段管理器,具有 Gist 同步功能.
- MusicPlus - 适用于 macOS 和 Windows 的免费音乐应用程序.
- Mingo - MongoDB 图形用户界面.
- Moon Modeler - MongoDB、Mongoose 和 MariaDB 的架构设计工具.
- Notion - 用于笔记、任务、维基和数据库的多合一工作区.
- FATpick - 吉他指法查看器,可在您演奏时为您的演奏评分.
- Taskade - 具有任务、笔记和聊天功能的分布式团队的实时组织和协作工具.
- Coloban - 具有聊天、看板、甘特图、通话、屏幕共享等功能的多合一项目管理工具.
- Dynobase - AWS DynamoDB GUI.
- Nota - 专为本地 Markdown 文件设计的专业写作应用程序.
- Lotus - 轻松了解 GitHub 通知.
Samples¶
- Electron API usage - 说明 Electron API 用法的示例应用程序.
- Screen Recorder - WebRTC 屏幕录像机.
- Activity Monitor - 显示 CPU 系统、用户和空闲活动时间的圆环图.
- Hash - 使用不同的算法显示输入文本的哈希值.
- Prices - 使用雅虎财经 API 显示石油、黄金和白银的当前价格.
- Touch Bar API - macOS Touch Bar 集成示例.
Boilerplates¶
- electron-boilerplate - 启动创建应用程序的样板 - 由 sindresorhus.
- generator-electron - 搭建一个应用样板.
- electron-boilerplate - 甚至生成安装程序的综合样板 - 通过 szwacz.
- electron-react-boilerplate - 基于 React 和 webpack 的样板.
- electron-quick-start - 克隆 repo 以尝试一个简单的应用程序.
- bozon - 搭建、运行、测试和打包您的应用程序.
- secure-electron-template - 以安全为中心的样板,用于使用 React、Redux、Webpack 和 i18next 创建应用程序.
- angular-electron - 使用 Angular、Electron、TypeScript、SASS 和 Hot Reload 进行快速引导.
- vite-electron-builder - 基于 Vite 的 Electron 应用程序的安全样板. TypeScript + Vue/React/Angular/Svelte/Vanilla.
Tools¶
For Electron¶
- electron-builder - 创建安装程序.
- devtron - 官方开发者工具扩展.
- electron-packager - 打包和分发您的应用程序.
- electron-debug - 添加有用的调试功能.
- electron-is-dev - 检查 Electron 是否正在开发中运行.
- electron-localshortcut - 在本地将键盘快捷键添加到窗口.
- electron-gh-release - 通过在 GitHub 上发布自动更新.
- electron-release - 将您的应用程序的新版本发布到 GitHub.
- electron-updater - 利用 npm 部署更新的自动更新程序.
- fix-path - 从 GUI 应用程序运行时修复 macOS 上的 $PATH. 在生成子进程时很有用.
- auto-launch - 在系统启动时启动应用程序.
- nuts - 发布带有自动更新程序和 GitHub 作为后端的服务器.
- electron-dl - 简化的文件下载.
- electron-release-server - 具有前端和自动更新程序支持的自托管发布服务器.
- electron-rebuild - 针对当前安装的 Electron 版本重建原生 Node.js 模块.
- electron-compile - 在您的应用程序中使用 ES2015、CoffeeScript、Less、Stylus,无需预编译步骤.
- electron-positioner - 在常见位置放置窗户.
- electron-window-state - 保持窗口大小和位置.
- electron-drag - 改进了窗口拖动.
- debug-menu - 类似 Chrome 的“检查元素”上下文菜单.
- electron-installer-debian - 创建一个 Debian 软件包.
- electron-installer-redhat - 创建一个红帽软件包.
- electron-installer-windows - 创建一个 Windows 包.
- electron-sudo - 具有管理权限的子进程.
- electron-json-storage - 写入和读取用户设置.
- electron-download - 从 GitHub 下载 Electron 发布 zip.
- ipc-stream - IPC 上的双工流.
- is-electron-renderer - 检查您的代码是否在
main
或renderer
中运行. - electron-osx-sign - macOS 应用程序的代码签名.
- electron-detach - 重新启动 Electron 应用程序作为一个分离的进程.
- ember-electron - 构建、测试和打包 Ember 应用程序.
- electrify - 打包 Meteor 应用程序.
- spectron - 使用 ChromeDriver 测试电子应用程序.
- babel-preset-electron - Babel 预设,只编译特定 Electron 版本所需的内容.
- electron-is - 实用功能.
- electron-osx-appearance - 用于访问 macOS 外观设置的简化 API.
- electron-store - 保存和加载用户偏好、应用状态、缓存等数据.
- electron-context-menu - 可扩展的上下文菜单.
- electron-require - 简化的要求.
- NeDB - 嵌入式持久或内存数据库.
- RxDB - 实时 NoSQL 数据库.
- electron-devtools-installer - 从 Chrome 网上应用店安装 DevTools 扩展.
- electron-log - 简单的日志记录.
- electron-redux - 跨窗口同步 Redux 状态.
- electron-vibrancy - 为窗户添加活力(模糊).
- electron-about-window - “关于此应用程序”窗口.
- elemon - 在开发过程中实时重新加载您的应用程序.
- electron-is-accelerator - 检查字符串是否是有效的加速器.
- electron-pdf-window - 在浏览器窗口中查看 PDF 文件.
- electron-router - 路由器整理 IPC 消息传递.
- electron-settings - 读取用户设置并将其写入磁盘.
- got - 简化的 HTTP 请求.
- electron-unhandled - 捕捉未处理的错误并承诺拒绝.
- electron-process-manager - 进程管理器 UI(如 Chrome 的任务管理器).
- electron-util - 用于开发应用程序和模块的有用实用程序.
- electron-reloader - 开发过程中简单的自动重新加载.
- electron-serve - 静态文件服务(对于路由很有用,比如
react-router
). - electron-timber - 漂亮的记录器.
- chromium-net-errors - Chromium 的网络错误作为自定义错误类.
- run-electron - 在没有所有垃圾终端输出的情况下运行 Electron.
- ngx-electron - 集成电子 API 和 Angular.
- debugtron - 调试生产中的基于电子的应用程序.
- electron-ssl-pinning - 防止中间人.
- electron-better-ipc - 简化的 IPC 通信.
- electron-chrome-extension - 添加对 Chrome 扩展的支持.
- electron-ipc-proxy - 浏览器窗口和主进程之间的透明异步远程处理.
- trilogy - 支持原生 C++ 和纯 JavaScript 后端的 TypeScript SQLite 数据库层.
- adblocker-electron - 阻止广告和跟踪器.
- electronmon - Monitor and reload apps out-of-process during development.
- electron-create-menu - 所有平台的默认菜单,易于扩展,并支持 i18n.
- electronegativity - 识别错误配置和安全反模式.
Using Electron¶
- devtool - 使用 Chrome DevTools 调试 Node.js.
- nativefier - 创建任何网站的应用程序.
- electron-stream - 流包装.
- Nightmare - 高级浏览器自动化库(替代 PhantomJS).
- electron-pdf - 在命令行上从 URL、HTML 或 Markdown 文件生成 PDF.
- Geojsonapp - 在本地预览 GeoJSON.
- electron-mocha - 在 Electron 中运行 Mocha 测试.
- electron-har - 用于生成 HTTP 存档 (HAR) 的命令行工具.
- electron-windows-store - 将 Electron 应用程序转换为 Windows Store AppX 包.
- Reactotron - 检查您的 React 和 React Native 应用程序.
- jest-electron - 在浏览器环境中运行和调试 Jest 单元测试.
Components¶
- Photon - 用于构建漂亮应用程序的 UI 工具包.
- React PhotonKit - 使用 React 构建的 Photon 组件.
- menubar - 菜单栏应用程序框架.
- cookies - 添加对
document.cookie
的支持. - window - 创建和管理窗口.
- React Desktop - 使用 React 构建的适用于 macOS 和 Windows 的 UI 工具包.
- electron-input-menu - 输入元素的上下文菜单.
- chrome-tabs - 像标签一样的 Chrome.
- titlebar - 模拟 macOS 窗口标题栏.
- Brightwheel - 使用 Photon 和 Etch 构建和管理 UI 组件.
- Xel - 用于构建类原生应用程序的小部件工具包.
Documentation¶
Articles¶
- Electron Fundamentals
- Building a desktop application with Electron
- Codesigning your app for macOS
- Auto-updating apps for macOS and Windows: The complete guide
- Building a desktop app with Electron, React, and Redux
- Introducing BrowserView for Electron - 新的 Electron API 以更少的错误和改进的性能嵌入 Web 应用程序.
- Migrating Slack's Desktop App to BrowserView - Slack 用
BrowserView
、Redux、Rx 和 TypeScript 重写了他们的 Electron 应用程序,以修复其性能问题. - Electron on the App Store - 关于制作 Electron 应用程序并将其发布到 Mac App Store 的过程的 5 部分系列.
- Building a file explorer with Electron, Quasar, and Vue - 专注于设计和代码决策以及电子安全.
- Using Google Analytics to gather usage statistics in Electron - 如何收集匿名用户统计信息.
- Notarizing your Electron app - 如何为 Apple 公证配置您的应用程序打包.
- Making Electron apps feel native on Mac
Books¶
Videos¶
- Getting Started with Electron 1.x
- Packaging and Distributing Electron Desktop Apps
- Multi Window Electron Desktop Apps
- The State of Electron
- Cross-Platform Desktop Apps with Electron
- Building Native Desktop apps using Electron
- The New Desktop: Electron, React, & Pixel-Perfect Native-Feeling Experiences
- Building Desktop Apps with Node.js and Electron
- Electron Fundamentals course - Pluralsight
- Electron: Building Cross Platform Desktop Apps - Lynda
- Automatically Build and Publish Node and Electron Applications for Linux
- Build a desktop application with Electron - Egghead
- Build Cross-Platform Desktop Apps with Electron - Frontend Masters
- Electron Meetup SF, November 2017 - 包括一些关于改善应用程序启动时间、调试崩溃等的精彩演讲.
- Make Your Electron App Feel at Home Everywhere - 让您的应用在 macOS、Windows 和 Linux 上感觉更原生而不牺牲您自己的风格的技巧.
Podcasts¶
- JavaScript Jabber: Electron with Jessica Lord and Amy Palamountain
- Hanselminutes: Creating cross-platform Electron apps with Jessica Lord
- JavaScript Air: Electron Apps with @jlord and @emorikawa
- The Changelog #216: GitHub's Electron with Zeke Sikelianos
- Full Stack Radio #48: Jessica Lord - Building Desktop Apps with Electron
Community¶
- Discuss
- Stack Overflow
@electronjs
on Twitter#atom-shell
on Freenode#electron
on Atom Slack- electron-jp (日本人)
- electron-br (巴西葡萄牙语)
- electron-pl (抛光)
@electron_ru
on Telegram (俄语)electronjs
on Facebook- Product Hunt
Contribute¶
欢迎投稿! 阅读 contribution guidelines 第一的.