electron 入门学习

electron 安装
通过yarn全局安装electron库：

yarn electron -g

官方提供的一个快速上手实例，这个仓库初始化了一个electron项目，结构纯净，可以克隆后改造自己的项目

git clone https://github.com/electron/electron-quick-start

electron项目

中文文档：中文文档（已完成82%）

electron项目和web项目的区别

electron核心可划分为：主进程和渲染进程。主进程连接着操作系统和渲染进程，可以把她看做页面和计算机沟通的桥梁。渲染进程就是前端环境。只是载体改变了，从浏览器变成了window。传统的web环境我们是不能对用户的系统进行操作的。而electron相当于node环境，我们可以在项目里使用所有的node
api 。

简单理解：

给web项目套上一个node环境的壳。 相比web项目，桌面项目多了一个进程

项目迁移：

如果是双端程序，在开始写代码时应该对web代码和electron的代码进行分离，以便后期的迁移。
如果迁移项目到web端，就需要把项目中的electron提供的API和node的API完全剥离出来，只能遗留web的代码，比如 node fs模块，electron提供ipc 模块，都需要剥离。

项目开发打包工具

devtron 和 electron-builder 2个开发工具，配置简单，功能强大。

electron打包的时候需要下载一个版本库，速度会非常慢，可以通过淘宝镜像源解决
ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/及空格
$ ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ npm run build

原文地址：https://www.cnblogs.com/buzhiqianduan/p/7620099.html