使用nw.js将html项目打包为桌面程序

时间:2021-07-26 20:57:53

首先需要确保电脑已经布置好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.如果出现下图,则说明桌面程序已经生成成功了

使用nw.js将html项目打包为桌面程序

6.安装过程中可能会报错,一般报错的原因是nwjs.io被墙所致。也就是网络原因导致的,可以多试几次!如果还不行的话就找到电脑的host文件,将它移动到桌面,在从桌面移动会原来位置即可。

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

使用nw.js将html项目打包为桌面程序

附录: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 配置

使用nw.js将html项目打包为桌面程序