【Electron】桌面应用开发

目录

一、什么是Electron?

二、快速入门

2.1、 先决条件

2.2、 创建应用程序

2.2.1、 项目基架

2.2.2、安装 Electron 程序包

2.2.3、运行主进程

2.2.4、创建网页

2.2.5、在BrowserWindow中打开网页

---

一、什么是Electron?

        Electron是一个使用JavaScript，HTML和CSS构建桌面应用程序的框架。通过将Chromium和Node.js嵌入到其二进制文件中，Electron允许您维护一个JavaScript代码库，并创建可在Windows，macOS和Linux上运行的跨平台应用程序 - 无需本机开发经验。

二、快速入门

本指南将引导您完成在Electron中创建准系统Hello World应用程序的过程。

        在本教程结束时，您的应用程序将打开一个浏览器窗口，其中显示一个网页，其中包含有关正在运行的Chromium，Node.js和Electron版本的信息。

2.1、 先决条件

要使用Electron，您需要安装Node.js。

要检查 Node.js是否已正确安装，请在终端客户端中键入以下命令：

node -v
npm -v

这些命令应相应地打印 Node.js 和 npm 的版本。

2.2、 创建应用程序

2.2.1、 项目基架

Electron应用程序遵循与其他Node.js项目相同的一般结构。首先创建一个文件夹并初始化一个 npm 包。

mkdir my-electron-app && cd my-electron-app
npm init

init初始化命令会提示您在项目初始化配置中设置一些值 为本教程