如何让我的node-webkit应用程序正确打开?

我正在设置我的第一个节点的WebKit应用程序,我遇到了启动它的问题。 我在Mac上,应用程序文件结构看起来像下面一样。

Folder index.html package.json 

的package.json

 { "name": "Test App", "main": "index.html", "window": { "toolbar": true, "width": 800, "height": 600 } } 

然后,我在terminal上运行“zip data *”来压缩应用程序,并将zip文件重命名为“app.nw”。

当我将nw文件或原始文件夹拖到node-webkit上时,它不能正确打开我的应用程序,而是显示默认屏幕。

在这里输入图像描述

出于开发目的,这听起来像是你在做什么,你不需要每次压缩应用程序包。 这样做会很浪费时间,而且如果我们每当我们做出改变的时候,开发者都这么做的话,我们中的更多人会疯狂地发疯,没有做任何事情,轻视我们作为程序员的angular色。 🙂

相反,您可以通过全局安装nodewebkit模块从代码库直接运行:

 $ sudo npm install -g nodewebkit 

然后假设您在包含package.json文件的文件夹中,可以通过以下命令启动应用程序:

 $ nodewebkit . 

但是,这只是略过所有你可以做的很酷的事情的表面,以防止你疯了,穿上那件直筒外套! node-webkit社区中的几个人用Kathy Sierra风格构build了一些非常棒的工具,这些工具创造出热情的开发人员,他们的工作非常棒 。

首先是凝视 。 这是一个livereload模块,在每次更改后都会重新加载node-webkit应用程序。 这与我们之前被许多人犯过的压缩,运行,testing,更改,压缩,运行和testing周期相去甚远。

就这样说,这听起来像你刚刚开始这个平台。 我的build议是,每当你发现你需要做的事情,只需谷歌“npm +无论你正在做什么 ”,也可能是一个模块或一些开源代码,以迅速帮助你从A点到点B.希望这有助于!

另一种方法是在.bash_profile上为节点webkit二进制文件创build别名

为了简化您可以将nwjs文件( nwjs.app )从下载的源文件复制到Applications目录,然后打开.bash_profile

sudo nano ~/.bash_profile

并添加以下行

 # alias to nw alias nw="/Applications/nwjs.app/Contents/MacOS/nwjs" 

不要忘记刷新bashconfiguration文件

 source ~/.bash_profile 

之后,您可以通过命令运行您的节点webkit应用程序

 nw <path to your app> 

这可能会帮助一些人,如果他们想看到一个快速输出没有太多的努力。

 Folder index.html package.json nwjs (the extract executable file) js css 

然后你只要双击nw.js,就可以看到索引正在运行。

如: 在这里输入图像描述

使用nwjs v0.19.4在macOS 10.12.2上工作