1.Electron 是什么？

使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用。

即可以通过Electron实现使用web页面相关技术（js/html/css）进行桌面应用开发。Atom ，VScode 等应用都是用 Electron 实现。

2.electron工作原理？

Electron 基于Chromium 和 Node.js。Chromium 让 Electron应用程序界面可以以web 页面形式渲染；Node.js 赋予了 Electron 应用程序访问底层操作系统的能力。

主进程与渲染进程

Electron 运行 package.json 的 main 脚本的进程被称为主进程。在主进程中运行的脚本通过创建web 页面来展示用户界面。一个Electron 应用总是有且只有一个主进程。

由于 Electron 使用了 Chromium 来展示 web 页面，所以 Chromium 的多进程架构也被使用到。每个 Electron 中的 web 页面运行在它自己的渲染进程中。

3.开始一个 Electron 项目的准备工作

web开发和node.js相关基础知识（这些事一个web开发者必备的知识）。具备相关基础知识后皆可以开始一个 Electron 项目了。

• 安装 node.js (推荐nvm安装，以便做node版本管控)
• 安装 Electron

//1.初始化项目
npm init

//2.package.json
{
    "name": "your-app",
    "version": "0.1.0",
    "main": "main.js",
    "scripts": {
      "start": "electron ."
    }
}

//3.安装electron
npm i electron -S

4. Electron 项目结构

一个最基本的Electron应用一般由如下结构：

your-app/
    |-package.json
    |-main.js         //启动脚本，将会在主进程中执行
    |-index.html