nwjs-简单应用于基本结构

假装没事ソ 提交于 2019-12-10 12:45:06

简单应用

1、在解压目录下创建文件夹dmeo01
2、在文件夹中创建index.html和package.json两个文件
3、index.html内容:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <h1>我的第一个nw.js示例!</h1>
    </body>
</html>

4、package.json内容:

{
  "name": "demo01",
  "version": "0.0.1",
  "main": "index.html"
}

5、运行

  • 方法一:直接将demo01文件夹拖动到nw.exe上
  • 方法二:cmd命令进入解压目录,输入nw demo01

6、打开控制台 F12

nw.Window.get().showDevTools();

基本结构

上图,是一个nw程序的基本组织结构,
在根目录下package.json,程序的配置文件;
index.html(可以是任意名称),应用的启动页面;
js/css/resources,应用的样式、脚本、html、图片等资源文件;
node_modules存放node.js的扩展组件

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!