首页 > Web开发 > 详细

nwjs-简单应用于基本结构

时间:2019-12-10 13:39:26      阅读:86      评论:0      收藏:0      [点我收藏+]

简单应用

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-简单应用于基本结构

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!