入门 · h5_code

参考资料如下： - [https://wizardforcel.gitbooks.io/nwjs-doc/content/wiki/Features-list-for-simplified-Chinese.html](https://wizardforcel.gitbooks.io/nwjs-doc/content/wiki/Features-list-for-simplified-Chinese.html) - [https://www.toolmao.com/418.html](https://www.toolmao.com/418.html) ## 安装 > 安装分两种，第一种是sdk的（非常全的api），还有一种是通过npm的。 ## 【第一种】SDK安装 ### 第一步：下载sdk > 下面进行sdk进行。打开下面的链接后，滚动到最下面进行下载最新的sdk。 [https://npm.taobao.org/mirrors/nwjs](https://npm.taobao.org/mirrors/nwjs) > 下载好的如图： ### 第二步：设置环境变量 > 进行将添加到环境变量path中。本人使用的是window10和window7就是样式不一样。检测下是否有效。如图： ```bash # 在终端中输入： nw.exe ``` ### 第四步：创建项目 > 如果不是模块化的开发项目就是简简单单的html文件，先创建文件夹demo，然后在里面新建一个html文件和package.json文件。 ```html  <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <title></title> </head> <body> <div id="app">Hello, World!</div> </body> </html> ``` > 下面是 package.json 文件 ```json { "main": "index.html", "name": "HelloWorld" } ``` ### 运行 ```bash # 在终端执行 nw.exe d:/demo ``` ### 看看效果 > 如图 ## 【第二种】npm 安装（不推荐） ### 第一步： > 安装过程中，等待是寂寞的。成功是喜悦的。在官方文档中，指出不能 ```bash npm install -g nw ``` ### 第二步： > 验证下 ``` # 在终端中输入： nw ``` ### 第三步： > 找个项目跑跑 ``` ```