在本教程中，我们将介绍如何将一个HTML项目打包成一个可执行的EXE文件。这种方法对于便携式应用程序或离线演示项目非常有用。在这个过程中，我们将使用NW.js作为工具，它是一个基于谷歌开发的Chromium（简称Chrome内核）和Node.js的框架，允许你使用HTML、CSS、JavaScript来构建功能丰富的桌面应用程序。

步骤1：安装NW.js

1. 访问NW.js官方网站（https://nwjs.io/）并下载适合你操作系统的版本。该框架提供了常规版本和LTS（长期支持）版本，您可以根据需求选择。

2. 解压下载的压缩包到你想要存放的目录，例如：`C:\nwjs`。

步骤2：创建HTML项目

1. 创建一个新文件夹，例如：`my_html_app`，用于存放HTML项目。

2. 在此文件夹中创建一个`index.html`文件，并编写以下简单的HTML代码：

```html

Hello, world!

```

步骤3：创建`package.json`文件

在`my_html_app`文件夹中创建一个名为`package.json`的文件。将以下JSON代码添加到文件中：

```json

{

"name": "my-html-app",

"version": "1.0.0",

"main": "index.html",

"window": {

"title": "My HTML App",

"width": 800,

"height": 600

}

}

```

此文件为NW.js提供了有关您的应用程序的一些基本信息。例如，应用程序的名称、版本、入口文件以及窗口的默认大小等。

步骤4：测试项目

1. 打开一个命令行窗口或终端。

2. 使用`cd`命令导航到`my_html_app`文件夹。

3. 输入以下命令启动NW.js框架（同时替换`C:\nwjs`为之前解压缩的路径）：

```bash

C:\nwjs\nw.exe .

```

现在，NW.js应该以您的HTML项目为基础，启动一个可执行窗口。关闭窗口以继续下一步。

步骤5：一键打包成EXE文件

打包您的`my_html_app`项目只需执行以下简单步骤：

1. 使用Windows资源管理器，将`my_html_app`文件夹里所有文件（包括index.html和package.json文件）压缩成一个ZIP文件。

2. 将压缩包的后缀名从`.zip`更改为`.nw`。

3. 再次打开命令行窗口，使用`cd`命令导航到存放`NW.js`的文件夹（例如`C:\nwjs`）。

4. 运行以下命令（假设my_html_app.nw在C:\path_to项目中）：

```bash

copy /b nw.exe+path_to\my_html_app.nw my_html_app.exe

```

现在，在存放`NW.js`的文件夹中，就创建了一个名为`my_html_app.exe`的可执行文件。双击它就可以运行您的HTML项目。

此外，可以通过对`my_html_app.exe` 文件前240个字节中的字符串 "NODE" 和 "Chromium" 进行交换来为其更改图标，可以找到相关的工具以方便地完成这项任务，如 Resource Hacker（http://www.angusj.com/resourcehacker/）等。

原理解析：

NW.js 採用 HTML/CSS/JS 开发桌面应用程序支持跨平台。它实际上是将Chromium 内核和 Node.js 内核整合在一起，使得可以在同一个进程创建原生应用窗体和调用 Node.js API。当生成EXE文件时，我们用到的只是将主要的nw.exe内核与我们的代码合并成一个，以便于直接打开运行。