electron 基础知识

一、什么是electron

1.1 electron

Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的开源框架。它是由 Github 公司推出的，可帮助开发者在浏览器和操作系统之间构建原生应用程序界面。

普通的网页只能运行在浏览器中，无法直接运行在操作系统中，因此网页应用程序也就无法访问文件操作系统。它们也无法执行非JavaScript编写的代码，他们无法调用桌面应用程序可以使用的众多操作系统接口。而通过 Electron，开发人员可以通过使用 Web 网络技术来构建桌面应用程序。

Electron将Chromium和Node.js合并到同一个运行环境中。它允许开发人员使用Web页面构建GUI，并通过与操作系统无关的API访问Windows，macOS和Linux上的本机操作系统功能。Chromium和Node本身就是广受欢迎的应用程序平台，Electron将这两个平台结合在一起，使得开发者可以构建仅使用一个技术无法实现但是利用这两个平台的优点可以生成的应用程序。

1.2 准备

1.2.1 知识储备

Electron 是网页应用 (web apps) 的一个原生包装层，在 Node.js 环境中运行。 因此，在学习使用Electron 前需要对 Node.js 和前端 Web 开发有一定地了解。 如果您还需要了解一些背景知识，推荐：

[学习 Web 开发 | MDN (mozilla.org)](developer.mozilla.or...)

[Node.js](nodejs.dev/en/learn/)

[Chromium](www.chromium.org/)

1.2.2 工具

编译器：推荐 VSCode

在环境中安装Node