在本教程中，我們將介紹如何將一個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_apvue打包為exep`文件夾中創建一個名為`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內核與我們的代碼合并成一個，以便于直接打開運行。
