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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 准入训练 第1章 进入忍者世界 js开发人员通常使用js库来实现通用和可重用的功能。这些库需要简单易用,...
    如201608阅读 5,167评论 1 2
  • 1. 什么是DOM 文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定...
    hanyuntao阅读 5,104评论 0 4
  • 老张是我们那一个卖拉面的。 20多年前,老张还不是老张,嘴上的胡子茬还没这么茂盛,头发的鬓角也没现在花的这么厉害,...
    原来你是这样的薯片阅读 4,198评论 4 12
  • 如果有一天这一切都可以重来 我还会不会选择现在这样的生活 我的回答是不 不是因为自己走的路后悔 而是忽然觉得这样的...
    Alinm酱才阅读 1,436评论 0 1

友情链接更多精彩内容