IntelliJ IDEA2017 构建nwjs项目

本文介绍了如何在IntelliJ IDEA 2017中创建和运行nw.js项目。首先新建一个静态项目,添加html和package.json文件。接着配置运行环境,通过IDE的设置添加nw.js配置项。完成配置后,可以运行项目,展示nw.js的应用效果。最后,文章提到了项目打包过程,将项目文件放入package.nw文件夹,并在nw.js运行环境中运行,然后打包成安装包。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

配置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文件夹下,然后再把此文件夹放到运行环境根目录下的,然后直接点击可执行文件即可运行,然后再打包成安装包



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值