使用nw.js將html項目打包為桌面程序

首先需要確保電腦已經布置好node.js環境

1.下載並全局安裝nw.js

npm install nw -g

2.安裝nw-builder模塊

npm install nw-builder -g

3.在你的html項目中加入package.json文件（具體的參數設置請自行搜索）

{
  "name": "demo",
  "version": "0.0.1",
  "main": "index.html"
}

4.打開命令行窗口鍵入命令（具體的參數設置請自行搜索）

nwbuild -p win64 C:\Users\BGOnline\Desktop\demo

5.如果出現下圖，則說明桌面程序已經生成成功了

6.安裝過程中可能會報錯，一般報錯的原因是nwjs.io被牆所致。也就是網絡原因導致的，可以多試幾次！如果還不行的話就找到電腦的host文件，將它移動到桌面，在從桌面移動會原來位置即可。

7.你可以在如下目錄找到你的桌面程序

 

附錄：package.json配置項

用法:

{
  "name": "nw-quick-start-window-demo",
  "version": "0.0.1",
  "main": "index.html",
  "window": {
    "title": "nw-quick-start-window-demo",
    "toolbar": false,
    "frame": true,
    "show_in_taskbar":true,
    "width": 800,
    "height": 500,
    "position": "mouse",
    "min_width": 400,
    "min_height": 200,
    "max_width": 800,
    "max_height": 600
  }
}

窗口外觀常用屬性包括：

title : 字符串，設置默認 title。
width/height : 主窗口的大小。
toolbar : bool 值。是否顯示導航欄。
icon : 窗口的 icon。
position :字符串。窗口打開時的位置，可以設置為“null”、“center”或者“mouse”。
min_width/min_height : 窗口的最小值。
max_width/max_height : 窗口顯示的最大值。
resizable : bool 值。是否允許調整窗口大小。
always-on-top : bool 值。窗口置頂。
fullscreen : bool 值。是否全屏顯示。
show_in_taskbar : 是否在任務欄顯示圖標。
frame : bool 值。如果設置為 false，程序將無邊框顯示。

 nodeJs package.json 配置