# electron-wiki

**Repository Path**: jdassd/electron-wiki

## Basic Information

- **Project Name**: electron-wiki
- **Description**: electron学习资料整理
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-27
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# electron-wiki

> `electron`学习资料整理

## 入门

### 文档

- [快速快速开始](https://electronjs.org/docs/tutorial/quick-start)
- [官方文档](https://electronjs.org/docs)
- [简明扼要说一下 Electron](http://jlord.us/essential-electron/#what-is-electron-)- 简明概述

### 视频

- [入门 Electron 1.x](https://www.youtube.com/watch?v=jKzBJAowmGg)
- [包装和分发electron桌面应用](https://www.youtube.com/watch?v=dz5SnmBzBXc)
- [多窗口electron桌面应用](https://www.youtube.com/watch?v=K-H2amwQ_pU)
- [electron状态](https://www.youtube.com/watch?v=RaPmi-33rfc)
- [跨平台桌面应用 Electron](https://www.youtube.com/watch?v=9xX_G0l5jLU)
- [使用Electron构建原生桌面应用程序](https://www.youtube.com/watch?v=nXIrFq5-FC8)
- [新桌面：electron，React 和 Pixel-Perfect 的原生感觉体验](https://www.youtube.com/watch?v=jRPUB-D1Wx0)
- [使用Node.js和Electron构建桌面应用程序](https://www.youtube.com/watch?v=rbSvc8_BHaw)
- [electron基础课程 - Pluralsight💲](https://www.pluralsight.com/courses/electron-fundamentals)
- [electron：构建跨平台桌面应用程序 - Lynda💲](https://www.lynda.com/Electron-tutorials/Electron-Building-Cross-Platform-Desktop-Apps/518051-2.html)
- [自动构建和发布Linux的节点和electron应用程序](https://pusher.com/sessions/meetup/london-node-user-group/automatically-build-and-publish-node-and-electron-applications-for-linux)
- [使用Electron构建桌面应用程序 - Egghead💲](https://egghead.io/courses/build-a-desktop-application-with-electron)
- [使用Electron构建跨平台桌面应用程序 - 前端大师💲](https://frontendmasters.com/courses/electron/)

### 文章

- [使用Electron，React和Redux构建桌面应用程序](https://anadea.info/blog/building-desktop-app-with-electron)
- [初识electron](http://blog.poetries.top/2019/01/06/electron-summary/)


## 开发模板

- [electron-boilerplate](https://github.com/sindresorhus/electron-boilerplate) 用于快速开始创建应用程序的模板
- [electron-react-boilerplate](https://github.com/electron-react-boilerplate/electron-react-boilerplate) 基于React和webpack的模板
- [electron-quick-start](https://github.com/electron/electron-quick-start) 克隆项目以尝试一个简单的应用程序.
- [electron-vue](https://github.com/SimulatedGREG/electron-vue) 使用Vue和常见插件轻松构建您的应用程
- [electron-next-skeleton](https://github.com/leo/electron-next-skeleton) - 使用Next.js构建应用程序的模板
- [angular-electron](https://github.com/maximegris/angular-electron)- Angular 5,Electron,TypeScript,SASS,Hot Reload.

## 工具

### 打包工具

- [electron-builder](https://github.com/electron-userland/electron-builder) 项目开发打包工具,打包成安装包
- [electron-packager](https://github.com/electron-userland/electron-packager) 打包并分发您的应用程序

### 实用工具

- [devtron - Official DevTools extension](https://github.com/electron/devtron) 官方DevTools扩展
- [electron-debug](https://github.com/sindresorhus/electron-debug)- 添加有用的调试功能
- [electron-localshortcut](https://github.com/parro-it/electron-localshortcut)- 在窗口本地添加键盘快捷键
- [electron-gh-release](https://github.com/jenslind/electron-gh-releases)- 自动更新,如果在GitHub有新的release
- [electron-release](https://github.com/jenslind/electron-release) 将您的应用的新版本发布到GitHub.
- [electron-updater](https://github.com/evolvelabs/electron-updater)- 利用npm自动更新程序来部署更新
- [auto-launch](https://github.com/Teamwork/node-auto-launch)- 开机自动启动应用程序
- [electron-drag](https://github.com/kapetan/electron-drag)- 改进了窗口拖动.
- [debug-menu](https://github.com/parro-it/debug-menu) 类似Chrome的"检查元素"上下文菜单.
- [electron-installer-debian](https://github.com/unindented/electron-installer-debian)- 创建Debian包.
- [electron-installer-redhat](https://github.com/unindented/electron-installer-redhat)- 创建一个Red Hat包.
- [electron-installer-windows](https://github.com/unindented/electron-installer-windows)- 创建Windows包.
- [electron-store](https://github.com/sindresorhus/electron-store)- 保存并加载用户首选项,应用状态,缓存等数据.
- [electron-context-menu](https://github.com/sindresorhus/electron-context-menu)- 可扩展的上下文菜单.
- [electron-log](https://github.com/megahertz/electron-log)- 简单的日志记录
- [electron-redux](https://github.com/hardchor/electron-redux)- 跨窗口同步Redux状态.
- [elemon](https://github.com/manidlou/elemon)- 在开发过程中实时重新加载您的应用
- [electron-pdf-window](https://github.com/gerhardberger/electron-pdf-window)- 在浏览器窗口中查看PDF文件
- [electron-util](https://github.com/sindresorhus/electron-util)- 用于开发应用程序和模块的实用工具.
- [electron-timber](https://github.com/sindresorhus/electron-timber)- 漂亮的记录器

## 组件

- [Photon](http://photonkit.com/)- 用于构建漂亮应用程序的UI工具包.
- [React PhotonKit](https://github.com/react-photonkit/react-photonkit)- 使用React构建的Photon组件.
- [menubar](https://github.com/maxogden/menubar)- 菜单栏应用程序框架.
- [cookies](https://github.com/hstove/electron-cookies)- 增加对document.cookie的支持.
- [window](https://github.com/jprichardson/electron-window)- 创建和管理窗口.
- [React Desktop](https://github.com/gabrielbull/react-desktop)- 用于使用React构建的macOS和Windows的UI工具包.
- [electron-input-menu](https://github.com/parro-it/electron-input-menu)- 输入元素的上下文菜单.
- [chrome-tabs](https://github.com/adamschwartz/chrome-tabs)- Chrome就像标签一样.
- [titlebar](https://github.com/kapetan/titlebar)- 模拟macOS窗口标题栏.
- [Xel](https://xel-toolkit.org/)- 用于构建类似本机的应用程序的Widget工具包.

## 样品

- [electron-api-demos](https://github.com/electron/electron-api-demos) 一些比较常用的API，克隆后跑起来你就可以快速查看这些常用API
- [Electron API usage](https://github.com/hokein/electron-sample-apps) - electron API 使用示例应用程序.

## 开源项目

> 一些开源项目学习

- [使用 Electron + React 开发的音乐客户端](https://github.com/caijinyc/Here)
- [基于 electron-vue 开发的音乐播放器，界面模仿QQ音乐](https://github.com/SmallRuralDog/electron-vue-music)
- [WeChat client built with React, MobX and Electron.](https://github.com/trazyn/weweChat)


## 综合

- [awesome-electron](https://github.com/sindresorhus/awesome-electron)