node-webkit 环境搭建与基础demo

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

下载windows x64版本

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

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

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

windowdemo

windows api 测试

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');

});

然后在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中运行

第二种就是进入cmd模式

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

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