JS教程之 使用 Electron.JS 构建原生桌面应用程序乒乓游戏

Javascript 被浏览器束缚的日子已经一去不复返了。Electron 或 Electron.js 是由 OpenJS 基金会维护的框架，用于使用 JavaScript、HTML 和 CSS 等 Web 技术构建本地桌面应用程序。

越来越多的原生应用程序，如 Spotify、VSCode 和 Slack，都在使用 Electron 构建！

该开源框架使用 Chromium 和 Node.js，可用于创建与 Windows、Mac 和 Linux 兼容的跨平台应用程序。在本文中，我们将使用 Electron 构建一个可以在本地运行的简单井字游戏。

Electron.JS基础

Electron.JS由三个主要成分组成：

• 处理所有 Web 内容的 Chromium
• 处理与操作系统交互的 Node.js
• 用于附加功能的自定义 API，并在处理操作系统时解决常见问题

所有这些组件一起工作以促进桌面应用程序。

此外，Electron 包括两个主要过程。主进程处理窗口管理、所有操作系统交互，渲染器进程负责网页内容。

渲染器进程不能直接与操作系统交互，只能通过主进程与之通信。根据应用程序，一个主进程可以有多个渲染器进程。但是，在大多数情况下，使用带有用于加载 Web 应用程序的单个渲染器的单个主进程。

解释完之后，让我们开始构建吧。

设置我们的项目

要使用 Electron，您需要在您的环境中安装 Node.js。我们可以通过运行创建我们