2024-02-22 记录一则NW.js桌面开发
nw.js，一个和Electron类似的桌面开发框架，相较于后者，我认为前者在打包这块更快速、简便。
在开发前，先把nw的环境给配置好，前往nw的官网下载：http://nwjs.org.cn/download.html
我下的是sdk版的，normal版的没有调试，sdk的有，建议在开发中还是用sdk的为好，下载完了直接解压，到时候预览以及打包什么的都要用到里面的nw.exe。
开发过程就和平常开发前端网页一样，目录如下：
先新建一个文件夹，然后在里面添加两个文件：index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>nw.js</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
接着再新建个package.json，里面填写一些必要的配置，
{ "name": "nw-demo", "version": "0.0.1", "main": "index.html", "window": { "title": "nw-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 } }
如何运行？把test文件拖到nw.exe上面，然后松开手，
哎！它会弹出一个窗口，这个窗口就是你刚才写得helloworld。
这时候就完成一半了，剩下的一半就是打包的操作：
把test文件夹压缩成test.nw，然后在nw.exe的目录里打开cmd，注意：是cmd而不是powershell（如何不在c盘打开cmd？你可以先打开cmd，然后再输入D:就能进入D盘）
好了，进入nw.exe对应的盘的cmd，然后输入命令：
copy /b nw.exe+test.nw test.exe
注意上面的代码中的加号+，它没有空格，copy /b的作用就是把多个文件合并成一个单独的文件，不会影响被操纵的文件
回车，然后你就能在nw.exe目录里找到test.exe，双击它，就能显示你写的helloworld。
结语：这种打包，只能在nw.exe的运行环境里面运行，也就是说还是处于开发环境的，上到生产还需其他步骤。
