對于web開發人員來說的話，目前開發桌面應用也是比較easy的. 比較火的應該是node-webkit/nw.js. 官方的解釋是 Web應用程序運行時環境(基于Chromium) ，簡單來說就是，你可以利用你所知道的幾乎所有web技術來構建本地應用程序，HTML5, JS, Nodejs 等以及native的 api。
- 使用HTML5，CSS3和WebGL，JS. 來去編寫
- 完整的支持nodejs api 以及 npm
- 吊吊的性能
- 方便的打包和分發([node-webkit-builder])
- 三平臺支持 Linux, Mac OS X and Windows
使用webstorm 快速上手
請先走一遍官方的教程 熟悉下nwjs
webstorm 對 nw 也是支持的比較良好，支持遠程更新 方便我們調試開發。
具體可以支持參考webstorm官方
https://www.jetbrains.com/webstorm/help/run-debug-configuration-node-webkit.html
- 我們create 一個helloworld項目
- 創建package.json配置
<pre>
<code>
{
"name": "helloworld",
"version" : "1.0.0.1",
"main": "index.html",
"window" :{
"toolbar" : true
},
"dependencies": {
"grunt": "",
"grunt-node-webkit-builder" : ""
}
}
</code>
</pre> - 在webstorm 中添加一個nw.js
run -- edit configurations -- + nw.js
Paste_Image.png
NW.js app : 可以是當前項目目錄，但要包含package.json文件. 或者是一個.nw的文件
NW.js interpreter 指定可執行的 nw(官網下的包中的) (mac下是nwjs)
working direction ： 項目目錄
Paste_Image.png
4.run跑起來
Paste_Image.png
是不是很像桌面,我們修改代碼 只需要重啟下,就能reload
Paste_Image.png
ok,使用webstorm 支持同步更新 方便我們開發調試.
生產環境 就需要 打包了
可以參考
官方
https://github.com/mllrsohn/node-webkit-builder
grunt
https://www.npmjs.com/package/grunt-node-webkit-builder
都是 基于我們現有web 技術棧 是不是很easy. 當然深入還是要去熟讀官方文檔
sherlock221b xxxx
