使用webstorm 开发桌面应用

对于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

1. 我们create 一个helloworld项目
2. 创建package.json配置
   

   
    
    {
    "name": "helloworld",
    "version" : "1.0.0.1",
    "main": "index.html",
    "window" :{
    "toolbar" : true
    },
    "dependencies": {
    "grunt": "",
    "grunt-node-webkit-builder" : ""
    }
    }
    
    

3. 在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