node-webkit 环境搭建与基础demo

时间:2021-12-10 14:46:14

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

下载windows x64版本

node-webkit 环境搭建与基础demo

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

node-webkit 环境搭建与基础demo

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

添加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中运行

node-webkit 环境搭建与基础demo

第二种就是进入cmd模式

node-webkit 环境搭建与基础demo

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

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