最近别的组有项目里面使用了 nw.js 去实现了桌面应用程序，出于好奇，我查找了一些资料，准备了解一下入个门。

什么是 nw.js

https://github.com/nwjs/nw.js

node-webkit 更名为 NW.js。

NW.js 是一个基于 Chromium 和 node.js 的应用运行时。 可以使用 NW.js 以 HTML 和 JavaScript 编写本机应用程序。 它还允许您直接从 DOM 调用 Node.js 模块，并启用一种使用所有 Web 技术编写本机应用程序的新方法。

它是在英特尔开源技术中心创建的。

下载 nwjs-sdk

https://nwjs.io/downloads/

下载完成后，解压一下

运行一下 nw.exe ，就会弹出 nw.js 的窗口了。

demo1：输出 hello world 窗口

在上面解压目录的基础上面

Step 1. 创建一个 package.json 文件，里面添加下面代码

{

"name": "helloworld",

"main": "index.html"

}

Step 2. 创建一个index.html 文件

hello world nwjs

Step 3. 启动应用

添加好上面两个文件之后：

我们运行 nw.exe，我们可以看到弹出了这个桌面应用程序。

demo2：使用 nw.js 创建菜单栏

https://nwjs.readthedocs.io/en/latest/#references

hello nwjs Menu

点击 kaimo 就可以出现下来的菜单

打印日志输出如下

demo3：使用 node.js 的 api

demo4：实现切换主题的功能

这里可以参考我之前写的，html + css + js 怎么实现主题样式的切换？

运行之后：

切换 read 模式

切换到 dark 模式

今天就到这里，等我研究研究，到时有时间在写一写博客。

参考资料

https://github.com/nwjs/nw.jshttps://nwjs.readthedocs.io/en/latest/For%20Users/Getting%20Started/https://nwjs.readthedocs.io/en/latest/References/Menu/https://www.nodeapp.cn/os.htmlhtml + css + js 怎么实现主题样式的切换？