在本教程中，我们将学习如何使用 nw.js 打包一个可执行文件（exe文件）并修改应用程序图标。nw.js 是一个基于 Chromium 和 Node.js 的框架，使得您可以使用 Web 技术（HTML、CSS 和 JavaScript）编写桌面应用程序。

步骤1：安装必要的软件和工具

首先，确保您已经安装了以下软件和工具：

1. Node.js：请访问 [Node.js官网](https://nodejs.org/en/download/) 并根据您的操作系统下载并安装最新稳定版。

2. nw.js：请访问 [nw.js官网](https://nwjs.io/downloads) 下载所需的 nw.js 版本（SDK或正常版皆可）。解压缩后，将其放置到您喜欢的目录中，并将该目录添加到系统环境变量中。

步骤2：创建 nw.js 应用程序

创建一个新文件夹，例如 `myApp`，将以下文件放入其中：

1. `package.json`：这是 nw.js 应用程序的清单文件，包含项目的元数据和配置。以下是一个简单的示例：

```json

{

"name": "myApp",

"version": "1.0.0",

"main": "index.html",

"scripts": {

"start": "nw ."

},

"window": {

"frame": true,

"width": 800,

"height": 600

}

}

```

2. `index.html`：这是应用程序的主要页面，您可以根据需要添加 HTML、CSS 和 JavaScript 代码：

```html

Hello, NW.js!

```

步骤3：打包应用程序

在完成 nw.js 应用程序后，我们将使用 [npm](https://www.npmjs.com/package/nw) 进行打包。在命令行中转到项目目录，然后运行以下命令安装 nw-builder：

```

npm install -g nw-builder

```

然后使用以下命令打包应用程序：

```

nwbuild -p win64,win32 -o output myApp

```

这将创建一个名为 `output` 的文件夹，其中包含您的应用程序的 32 位和 64 位 Windows 可执行文件。

步骤4：修改图标

要修改打包后的应用程序图标，首先需要一个 .ico 格式的图标文件。可以使用在线图标生成器（如 [favicon.io](https://favicon.io/favicon-converter)）将 .png 或其他格式图标转换为 .ico 格式。

接下来，我们需要使用一个资源编辑器（例如 [Resource Hacker](http://www.angusj.com/resourcehacker/)）来替换 exe 文件中的默认 nw.js 图标。下载并安装资源编辑器后，按照以下步骤操作：

1. 打开资源编辑器，在文件菜单中选择打开，找寻 output 文件夹下的 _.exe 文件。

2. 在资源编辑器的左侧导航栏中定位到 `"Icon"`。

3. 右键单击 `"Icon"` 并选择 `"Replace Icon…"。

4. 单击 `"Open file with new icon…"` 按钮，找寻所需的 .ico 文件。

5. 单击 `"Replace"`。

6. 保存修改后的 exe 文件，现在 exe 文件将具有您设置的新图标。

这就是如何利用nw.js打包exe文件并修改图标。通过这个教程，你应该可以为你的应用程序创建一个具有自定义图标的exe文件。祝你成功！