IntelliJ IDEA2017 构建nwjs项目

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

新建静态项目:

IntelliJ IDEA2017 构建nwjs项目_第1张图片


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

index.html



	
		
		第一个idea构建的nwjs应用
	
	
		

使用IDEA创建nwjs项目,开发桌面应用


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
    }
}


然后配置运行环境

IntelliJ IDEA2017 构建nwjs项目_第2张图片

IntelliJ IDEA2017 构建nwjs项目_第3张图片


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


IntelliJ IDEA2017 构建nwjs项目_第4张图片

IntelliJ IDEA2017 构建nwjs项目_第5张图片

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

IntelliJ IDEA2017 构建nwjs项目_第6张图片


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


打包:

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



你可能感兴趣的:(nwjs,idea,桌面端开发)