node-webkit 環(huán)境搭建與基礎(chǔ)demo

首先去github上面下載(地址),具體更具自己的系統(tǒng),我的是windows,這里只給出windows的做法

下載windows x64版本

下載之后解壓,得到以下東西

為了方便,我們直接在這個目錄中建立我們的項(xiàng)目

添加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是必須配置的,其他的參考官方地址,就是下載頁

配置好之后,我們就可以運(yùn)行我們的應(yīng)用程序了!運(yùn)行方式有兩種,一種是到app目錄下直接將所有文件壓縮為app.zip;然后將app.zip拖到nw.exe中運(yùn)行

第二種就是進(jìn)入cmd模式

好了,到此就是所有基礎(chǔ)的東西;這里貼出完整的所有東西的百度云下載,避免有些朋友不能翻墻

鏈接:http://pan.baidu.com/s/1kU8Eind密碼: wamb

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 準(zhǔn)入訓(xùn)練 第1章 進(jìn)入忍者世界 js開發(fā)人員通常使用js庫來實(shí)現(xiàn)通用和可重用的功能。這些庫需要簡單易用,...
    如201608閱讀 1,411評論 1 2
  • 1. 什么是DOM 文檔對象模型 (DOM) 是HTML和XML文檔的編程接口。它提供了對文檔的結(jié)構(gòu)化的表述,并定...
    hanyuntao閱讀 1,398評論 0 4
  • 老張是我們那一個賣拉面的。 20多年前,老張還不是老張,嘴上的胡子茬還沒這么茂盛,頭發(fā)的鬢角也沒現(xiàn)在花的這么厲害,...
    原來你是這樣的薯片閱讀 875評論 4 12
  • 如果有一天這一切都可以重來 我還會不會選擇現(xiàn)在這樣的生活 我的回答是不 不是因?yàn)樽约鹤叩穆泛蠡?而是忽然覺得這樣的...
    Alinm醬才閱讀 200評論 0 1

友情鏈接更多精彩內(nèi)容