本文主要是介紹一下nw.js(node-webkit)的開發配置以及桌面應用開發的直觀感受，後續會有詳細的應用開發（示例）講解，敬請關注！
有問題可以留言討論，知無不言。

一．認識nwjs

NW.js （原名 node-webkit）是一個結合了 Chromium 和 node.js 的應用執行時，通過它可以用 HTML 和 JavaScript 編寫原生應用程式。它還允許開發者從 DOM 呼叫 Node.js 的模組 ，實現了一個用所有 Web 技術來寫原生應用程式的新的開發模式，而且,開發者可以很容易的將一個web應用打包成原生應用（Further, you can easily package a web application to a native application.）。
 

二．功能特性

• 利用現有的前端技術結合node.js來編寫應用程式；

• 完全支援nodejs APIs和第三方模組；

• 良好的效能：node和webkit執行在相同的執行緒，物件在同一堆可以相互呼叫

• 支援各平臺（Linux、Mac OS X、Windows）的打包分發

• 唯一的不足：因為nwjs基於chromium，所以初始記憶體佔用率較高

三. 獲取nwjs進行開發配置

1. 開發者可以從 官網 獲取最新nw.js的二進位制包,或者也可以自己根據編譯知識編譯NW.js二進位制包.

注意：

一般建議開發者選擇SDK開發套件去開發自己的應用，這樣的話就可以對開發過程中產生的錯誤進行除錯debug
 

2.下載完成後解壓檔案到你的開發目錄下，然後進入解壓檔案的開發目錄，一般目錄結構如下（myapp為自建開發專案，不屬於固有部分）：

3. myapp(名字可以隨便起)為專案目錄,其內部結構類似以下（除簡單配置檔案外結構就跟開發一個網頁時類似，有js\html\css等）：

4. Package.json可以理解為應用的配置檔案，為必須；index.html作為應用的入口檔案，內容和一般網頁類似，名字可以按自己喜好起，但是一定要和配置中的“main”引數設定一致；如果要引用node模組，可以在目錄結構中增加一個node_modules的目錄，以存放APP所需的node模組。

{
    "main": "home.html",//應用入口檔名稱*必需
    "name": "Task-monitor",//應用名稱
    "version": "0.1.0",//應用版本號
    "keywords": [//應用關鍵字
        "demo",
        "node-webkit"
    ],
    "window": {//應用窗體屬性設定
      "title": "nw_test",
      "icon": "images/task-monitor.png",
      "toolbar": false,
      "width": 823,
      "height": 600,
      "min_width": 800,
      "min_height": 600,
      "resizable": true,
      "show_in_taskbar": true,
      "frame":false
    },
    "webkit": {
      "plugin": true,
      "double_tap_to_zoom_enabled": true
    }
}

更多欄位設定參考https://github.com/rogerwang/node-webkit/wiki/Manifest-Format

5. 執行應用：將應用程式目錄拖放到nw.exe即可執行；也可為應用建立快捷方式，然後修改快捷方式屬性中的目標欄位，在原有欄位後面新增應用程式的目錄位置之後儲存即可，後面只需雙擊快捷方式即可執行應用

6. 本人實戰開發應用執行截圖(可以直觀感受到系統資訊實時圖表)