TAG

RSS订阅

收藏本站

设为首页

当前位置:主页 > Web开发 >

使用webstorm 开发桌面应用

发布时间:2016-11-20 15:49 类别:Web开发

对于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
Paste_Image.png

NW.js app : 可以是当前项目目录,但要包含package.json文件. 或者是一个.nw的文件
NW.js interpreter 指定可执行的 nw(官网下的包中的) (mac下是nwjs)
working direction : 项目目录

Paste_Image.png
Paste_Image.png

4.run跑起来

Paste_Image.png
Paste_Image.png

是不是很像桌面,我们修改代码 只需要重启下,就能reload

Paste_Image.png
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



文/sherlock221b(简书作者)
原文链接:http://www.jianshu.com/p/1760523d9d02
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

下一篇:没有了 上一篇:没有了

猜你会喜欢....

Copyright © 2015 www.wahenzan.com 哇!很赞 版权所有 浙ICP备14030256号-1 Power by DedeCms

浙公网安备 33010602005986号

声明:本站所有文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除 网站管理员:758763728

360网站安全检测平台