IntelliJ IDEA2017 构建nwjs项目

来源:互联网 发布:网络社交软件盈利 编辑:程序博客网 时间:2024/06/06 12:59

配置tomcat的时候看到有nwjs选项,就捣鼓了下看怎么创建nwjs项目并运行,如下:

新建静态项目:



然后在根目录下新建一个html文件index.html以及nwjs的配置文件package.json,

index.html

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>第一个idea构建的nwjs应用</title></head><body ><h1>使用IDEA创建nwjs项目,开发桌面应用</h1></body></html>

package.json:自行百度参数的含义。

{    "main": "index.html",    "name": "我家妹子好漂亮哟",    "nodejs": true,    "single-instance": true,    "window": {        "title": "我家妹子好漂亮哟",        "width": 1000,        "height": 500,        "position": "center",        "min_width": 0,        "min_height": 0,        "max_width": 0,        "max_height": 0,        "resizable": true,        "always_on_top": false,        "fullscreen": false,        "show_in_taskbar": true,        "frame":true ,        "show": true,        "transparent":false,        "kiosk": false    },    "webkit":{        "plugin": false,        "page-cache":false    }}


然后配置运行环境



进入到下面的界面(上图是已经配置好界面,下图是新添加时候的界面):




点击确定后就发现出现了nwjs的配置项,点击右侧运行按钮即可运行



最后点击右侧绿色运行按钮,运行效果如下


打包:

最后项目发布打包的时候应该还是按照官网的方法进行打包的,本人是吧项目中自己的文件拷贝出来放到package.nw文件夹下,然后再把此文件夹放到运行环境根目录下的,然后直接点击可执行文件即可运行,然后再打包成安装包