Electron

Electron 是一个使用 JavaScript、HTML、CSS 构建桌面应用的框架。它将 Chromium 和 Node 嵌入了二进制文件。因此运行一份代码就支持 Windows、macOS、Linux 的跨平台应用。

Electron 是 网页应用 的 原生包装层，在 Node 环境运行。

前置准备

安装完毕 Node.js 和 npm。

通过以下两条命令分别查询 node 和 npm 是否安装并查看安装版本。

node -v
npm -v

初始化项目

Electron 应用基于 npm 搭建，使用 package.json 作为入口。因此需要首先使用 npm init 初始化项目。

• 对于应用打包，author、license、description 是必须的。

Electron 将安装在仅在开发环境需要的额外依赖 devDependencies 中。

• 打包后的应用本身会包含 Electron 二进制文件，因此不需要作为生产环境依赖。

npm install electron --save-dev 为当前项目安装 Electron，报错可使用 cnpm。

在 package.json 中指定的 main 文件是 Electron 应用的入口。

此文件控制主程序，它运行在 node 环境中。负责控制生命周期，显示原生界面，执行特殊操作并管理渲染器进程。

因为 Electron 主进程是一个 Node 运行时，可使用 electron 命令执行任意 Node 代码。需要执行脚本时，在 package.json 的 scripts 字段中增加 一个任意命令，执行 electron . ，此命令会让 Electron 在当前目录下寻找主脚本，并以开发模式运行。