码迷,mamicode.com
首页 > Web开发 > 详细

nwjs-简单应用于基本结构

时间:2019-12-10 13:17:55      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:控制台   创建文件   show   配置文件   type   package   too   mic   控制   

简单应用

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的扩展组件

nwjs-简单应用于基本结构

标签:控制台   创建文件   show   配置文件   type   package   too   mic   控制   

原文地址:https://www.cnblogs.com/zd-blogs/p/12015920.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!