使用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:UsersBGOnlineDesktopdemo

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 配置

原文地址:https://www.cnblogs.com/BGOnline/p/6084779.html