JavaScript 通常运行在浏览器环境中，但随着 Node.js 的出现，它也可以在服务器端执行。尽管如此，将 JavaScript 打包成桌面应用（即 .exe 文件）对于许多开发者仍然很有吸引力。其中有一种方法是使用 Electron。
Electron 是一个允许你使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的框架。受到 Atom 和 Visual Studio Code 这类著名应用的支持，它可以编译成适用于 Windows、macOS 和 Linux 的可执行文件。接下来我们介绍怎么使用 Electron 将 JavaScript 打包成 .exe 文件。
1. 安装 Node.js：
首先，你需要在电脑上安装 Node.js。请访问 https://nodejs.org 下载并安装适用于你操作系统的版本。安装完成后，你可以通过命令行工具（如Windows的命令提示符、macOS和Linux的终端）检查 Node.js 和 npm（Node.js的包管理器）是否安装成功。在命令行中输入以下命令：
```
node -v
npm -v
```
如果这两个命令都返回了版本号，说明安装成功。
2. 创建新项目：
创建一个新的目录作为你的项目文件夹，并在命令行中导航到该目录。执行以下命令初始化项目：
```
npm init
```
按照提示填写一些基本信息，例如项目名称、版本等。这些信息将被写入`package.json`文件。
3. 安装 Electron：
在项目目录下，通过命令行运行以下命令安装 Electron：
```
npm install electron --save-dev
```
这将把 Electron 添加到项目的开发依赖中。
4. 创建项目文件：
创建一个名为 `main.js` 的文件，这将是启动 Electron 应用程序的入口文件。以下是一个基本的文件结构：
```javascript
const { app, BrowserWindow } = require('electron');
let mainWindow;
function createWindow() {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
});
mainWindow.loadFile('index.html');
mainWindow.on('closed', function () {
mainWindow = null;
});
}
app.on('ready', createWindow);
app.on('window-all-closed', function () {
if (process.platform !== 'darwin') {
app.quit();
}
});
app.on('activate', function () {
if (mainWindow === null) {
createWindow();
}
});
```
创建一个名为 `index.html` 的文件，这里你可以编写自己的 HTML、CSS 和 JavaScript 代码。以下是一个基本的示例：
```html
Hello, World!
```
5. 添加启动脚本：
在 `package.json` 文件中，修改 `"scripts"` 部分，增加一个 `"start"` 脚本：
```json
"scripts": {
"start": "electron ."
}
```
现在你可以在命令行中运行 `npm start` 来运行 Electron 应用了。
6. 打包 .exe 文件：
为了将 Electron 应用打包成 .exe 文件，我们需要使用 `electron-packager`。在项目目录下，通过命令行运行以下命令安装 `electron-packager`：
```
npm install electron-packager --save-dev
```
添加一个新的脚本到 `package.json` 的 `"scripts"` 部分，用于运行 `electron-packager`：
```json
"scripts": {
"start": "electron .",
"package": "electron-packager . --platform=win32 --arch=x64 --out=build"
}
```
上述脚本指的是，在 "build" 文件夹中为 Windows 平台（64位系统）创建可执行文件（.exe）。运行该脚本：
```
npm run package
```
等待打包过程完成。最后，你会在 "build" 文件夹中看到一个 .exe 文件，现在你已经成功将 JavaScript 打包成了一个可执行文件。
