node-webkit 环境搭建与基础demo

首先去github上面下载(地址),具体更具自己的系统,我的是windows,这里只给出windows的做法

下载windows x64版本

QQ截图20160927175853.jpg

 

下载之后解压,得到以下东西

 

QQ截图20160927180003.jpg

 

为了方便,我们直接在这个目录中建立我们的项目

添加app文件夹,并添加index.html

<html>

<head>

    <title>windowdemo</title>

    <metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>

</head>

<body>

    <h1>window api 测试</h1>

    <script>

    var gui = require('nw.gui');

    var win = gui.Window.get();

    win.on('minimize', function () {

        var element = document.createElement('div');

        element.appendChild(document.createTextNode('窗口最小化'));

        document.body.appendChild(element);

    });

    new_win.on('focus', function () {

        var element = document.createElement('div');

        element.appendChild(document.createTextNode('新窗口被激活'));

        document.body.appendChild(element);

        win.removeAllListeners('minimize');

    });

    </script> 

</body>

</html>

 

然后在app文件夹给你们一路下添加package.json

 

{

  "name": "window-demo",

  "main": "index.html",

  "nodejs":true,

  "width":100,

  "height":200,

   "window": {

    "title": "windowdemo",

    "toolbar": true, 

    "width": 800, 

    "height": 600,

   "resizable":true,

   "show_in_taskbar":true,

   "frame":true,

   "kiosk":false

  },

  "webkit":{

  "plugin":true

  }

}

其中,name和main是必须配置的,其他的参考官方地址,就是下载页

配置好之后,我们就可以运行我们的应用程序了!运行方式有两种,一种是到app目录下直接将所有文件压缩为app.zip;然后将app.zip拖到nw.exe中运行

QQ截图20160927181118.jpg

第二种就是进入cmd模式

asdasdasdas.jpg

 

好了,到此就是所有基础的东西;这里贴出完整的所有东西的百度云下载,避免有些朋友不能FQ

链接: http://pan.baidu.com/s/1kU8Eind 密码: wamb

posted @ 2016-09-27 19:42  雨落三竹  阅读(1457)  评论(0编辑  收藏  举报