首先需要下載nw,然后解壓打開,如圖:
在以上新建一個同級項目文件夾,然后把把項目打包,將dist中的static文件夾與index.html放入,並新建一個package.json(可使用npm init生成),如下:
package的配置中,main和name是必須的屬性,name需要是小寫字母或者數字,可以包含.或者_或者-
其它屬相:
{
"main": "index.html", //程序的起始頁面
"name": "demo", //全局唯一name
"description": "demo app of node-webkit", //程序描述
"version": "0.1.0", //版本號
"window": {
"title": "demo", //設置默認title
"icon": "favicon.png", //窗口的icon。
"toolbar": false, //顯示導航欄
"resizable": true, //允許調整窗口大小
"fullscreen": false, //全屏
"show_in_taskbar": true, //win任務欄顯示圖標
"frame": true, //程序邊框顯示
"position": "center", //窗口打開時的位置,可以設置為“null”、“center”或者“mouse”
"width": 800, //主窗口的的寬度
"height": 700, //主窗口的的高度
"min_width": 400, //窗口的最小寬度
"min_height": 300, //窗口的最小高度
"max_width": 800, //窗口顯示的最大寬度
"max_height": 670, //窗口顯示的最大高度
"show": true, //啟動時窗口可見。
"show_in_taskbar":true, //在任務欄顯示圖標。
"kiosk": false //如果使用kiosk模式,應用程序將全屏顯示,並且阻止用戶離開應用。
}
}
nw app 或 nw .運行,也可以直接將新建的項目文件夾拖拽至nw.exe上運行,就可以看到此時的桌面項目樣子。
接下來壓縮新建的項目文件夾中的文件並更名為XXX.nw,如dome.nw,並把這個XXX.nw拿到父級(與項目文件夾一樣,與nw目錄同級)。
接下來運行:copy /b nw.exe+dome.nw dome.exe
出現了dome.exe文件,繼續:
下載並安裝Enigma Virtual Box,打開軟件並輸入dome.exe的位置路徑與輸出位置路徑,並把相關需要文件add到下面的file中,點擊Process
我是將除了新建的項目文件與.exe文件之外的文件全拖了進去。
nw有個缺陷是打的包會大了點。