用NW.js做外壳,制作桌面软件

1、先去NW.js下载好sdk(运行包)  

官网下载比较慢,给大家一个nw所有版本下载链接:

https://registry.npmmirror.com/binary.html?path=nwjs/

下载好的大概长这样:

 2、前端打包好的dist文件添加NW的配置文件package.json

package.json是NW运行的配置文件,它长这样:

配置给到大家,很多配置可有可无,却决与需要与否

{
  "name": "finger",
  "main": "index.html",
  "window": {
    "id": "finger",
    "title": "彩虹云指纹扫描模块",
    "toolbar": false,
    "position": "center",
    "always-on-top": true,
    "width": 650,
    "height": 400,
    "icon": "logo.png",
    "as_desktop": true,
    "show_in_taskbar": true,
    "web-preferences": {
      "nodeIntegration": true
    }
  },
  "domain": "finger_app",
  "version": "1.0.0",
  "dependencies": {}
}

3、然后把dist里面全选,压缩为名字叫package.nw文件

 压缩好后:

 4、把压缩好的package.nw文件拿出来,放到我们"步骤一"下载好的NW运行包里面:

 5、这个时候你点击nw.exe就可以运行你的前端页面了

6、当然,你也可以把这个nw.exe创建一个快捷方式,放到桌面,比如这样:

 同样你可以给快捷方式改名,双击依然可以打开

预告:如果想要更改桌面图标,也是可以的,看我下一个文章,马上更新···

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值