NW.js由node-webkit项目发展而来
其实很多东西官网上都有。但是鉴于搜索引擎（百度，google）搜索到的相关文章，让人看的很不明白。所以决定写下此篇文章。

官网：https://nwjs.io/
中文文档：http://nwjs-cn.readthedocs.io/zh_CN/latest/index.html

1.nw.js是干嘛的？
官网上的解释：
NW.js基于Chromium和Node.js . NW.js能够通过页面技术开发桌面应用 , 同时可以调用Node.js代码以及模块 . 未来 , 你可以使用NW.js轻松将页面应用制作成桌面应用 .
简单的说，就是用web技术开发跨平台PC桌面应用。

2.mac官网方式的环境安装：
打开官网，他会自动检测本机环境，弹出mac os版本的下载：
这2个都需要下载吗？是的。
Normal里有个nwjs.app文件，用于我们最终发布。当然文档里也说了，可以用自动的发布方式：nwjs-builder nw-builder（都是通过npm安装）。我这里采用了手动发布的方式，那就必须要下载Normal这个文件。
sdk这个文件是干嘛的？
这个文件是我们开发阶段调试用的，里面有调试的工具。如果用Normal里中的命令，我们无法在开发阶段调试我们的代码。
最后，我们把解压后的文件都放到应用程序目录，
3.mac上npm方式的环境安装：
如果上面的安装你已经完成了，这部分可以不看。因为这是另一种安装方式。
环境的安装除了官网上的这2个文件的安装，其实还有npm的安装，但是在使用的过程中发现有报错。
npm install -g nwjs
止痒我们直接使用nw的命令了，查看版本：
nw -V
显示1.4.4.
运行项目：
nw /项目目录
结果报错：
Cannot read property 'split' of undefined

    at module.exports (/usr/local/lib/node_modules/nwjs/lib/old-version.js:2:20)

    ...

　　

算了，还是用官网上的安装方式，参见2.

4.hello world
我们新建文件夹：
test_nw,里面2个文件：


package.json 文件:

{

  "name": "helloworld",

  "main": "index.html"

}

　

index.html 文件:
<!DOCTYPE html>

<html>

  <head>

    <title>Hello World!</title>

  </head>

  <body>

    <h1>Hello World!</h1>

  </body>

</html>

　　

开发阶段运行：命令行切换到工作目录nw_test1，然后用的sdk的命令：
/Applications/nwjs-sdk-v0.29.3-osx-x64/nwjs.app/Contents/MacOS/nwjs .

　右键程序点击检查，这样就可以轻松的调试了

 


打包：使用官网上推荐的的方式普通文件打包方式，注意，我们的环境是mac os：
首先copy一份Normal里的nwjs.app在同级目录下，和nw_test1平行。
我们通过右键查看显示包内容，找到Contents/Resources目录。然后我们把nw_test1修改为test.app。
将test.app拖入这个目录，你会发现，原来的nwjs.app名字改变了，变成了nwjs.app.这就是我们最终的应用程序。双击可以打开。


 

mac nwjs入门的更多相关文章

  1. Mac redis入门

    Mac redis入门 一.Redis简介 Redis是开源的key-value数据库,运行在内存中,但可以把数据持久化存到磁盘.Redis具有极高的性能,也为各种语言提供了丰富的接口,因此有着广泛的 ...

  2. Mac Pro 入门、遇到的问题、个性化设置 汇总

    入门资料 入门一:Mac 基本用法 入门二:Mac 使用VMware Fusion虚拟机 入门三:Mac 使用brew安装软件 问题汇总 [问题1]如何复制文本? 一只手指头按下,另外一只手指头滑动选 ...

  3. Mac使用入门

    mac常用快捷键 全屏/退出全屏 ctr+command+F 切换到桌面 fn+f11 输入法切换 ctr+空格 亮度 f1.f2 声音 f11.f12 复制.粘贴 command+c.command ...

  4. Mac新手入门使用教程 - Finder 技巧

    1,了解MAC电脑桌面.   Finder:中间DOCK栏下最左边蓝白相间的图标. DOCK栏:包括Finder.前往应用程序.创建所有应用程序的快捷方式(google浏览器等).系统偏好设置.堆栈. ...

  5. Visual Studio for mac从入门到放弃1

    MAC  第一步:从微软官网下载:https://www.visualstudio.com/vs/visual-studio-mac/ 第二步:安装软件过程出现 It was not possible ...

  6. Mac新手入门：mac操作技巧

    面对全新的mac电脑,你是不是一脸的迷茫,一些原来windows上的基本操作在mac上都不知道从何入手了,下面小编就为大家整理了一些基本的操作.相信一定会方便你的学习和工作的. 如何压缩与解压缩 在M ...

  7. linux\mac 日常入门命令行使用——搜索文件\文件夹

    搜索文件或者文件夹,是一个常见的需求.我们可以用多种命令来实现我们的需求. find 命令实现搜索 find 是英文,寻找的意思.这个命令可以很方面的来搜索我们需要的内容. 标准命令如下: find ...

  8. Mac Pro 软件安装/个性化配置 汇总

    苹果产品维修 一.Spotlight 搜索程序和文档 Spotlight是最最常用的东西, 类似Windows开始菜单中的搜索.  可以用来搜索文档,也可以搜索本机的程序, 这样可以快速启动. 点击右 ...

  9. 摸索探寻之Mac OS 使用及快捷键

    刚发现的一个介绍Mac OS入门的帖子,新入手Mac的同学可以看看http://www.cnblogs.com/chijianqiang/archive/2011/08/03/2126593.html ...

随机推荐

  1. 暑假集训D20总结

    刷题 今天是瞎XX切题的一天 我要是不写题解的话,我自己都不知道刷了多少专题 数学什么的= = 生活 也就那样吧,没啥特别的 这两天倒是特别鬼畜 先是我点了一下某喵的$cena$,然后他的$cena$ ...

  2. noip模拟赛 Massacre at Béziers

    题目背景 下发压缩包链接: https://pan.baidu.com/s/1geC4ooz 密码: 3vpt 所有的一切———所有的一切都被染成了红与黑. 翻卷的红莲烈焰舔舐着大地,释放出异抽的黑烟 ...

  3. [cogs731] [网络流24题#6] 最长递增子序列 [网络流，最大流]

    [转hzwer]第一问是LIS,动态规划求解,第二问和第三问用网络最大流解决.首先动态规划求出F[i],表示以第i位为开头的最长上升序列的长度,求出最长上升序列长度K.1.把序列每位i拆成两个点< ...

  4. MySql 格式化时间（包括正常时间格式与unix时间戳的互相转换）

    函数:FROM_UNIXTIME 作用:将MYSQL中以INT(11)存储的时间以"YYYY-MM-DD"格式来显示.语法:FROM_UNIXTIME(unix_timestamp ...

  5. 洛谷—— P1379 八数码难题

    https://daniu.luogu.org/problem/show?pid=1379 题目描述 在3×3的棋盘上,摆有八个棋子,每个棋子上标有1至8的某一数字.棋盘中留有一个空格,空格用0来表示 ...

  6. CODEVS——T 1036 商务旅行

    http://codevs.cn/problem/1036/  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 钻石 Diamond 题解       题目描述 Descript ...

  7. Clojure：解决Selmer与AngularJS的 标签混淆问题

    Selmer是Clojure的一个模板类库,下面是它的一个DEMO模板: <ul> {% for item in items %} <li>{{item}}</li> ...

  8. Window下UDP（socket）接和收数据案例

     配置QT的环境变量,这台电脑à属性à高级系统设置à高级à环境变量à系统变量àpathàC:\Qt\Qt5.3.0\5.3\mingw482_32\bin;C:\Qt\Qt5.3.0\Tools\ ...

  9. 未能加载文件或程序集“System.Web.Helpers, Version=2.0.0.0

    在本地终于用上了ASP.NET MVC4自带的认证功能,但放到生产服务器上就出问题了:打开注册页面没问题,但一点下注册按钮就报错了: 未能加载文件或程序集"System.Web.Helper ...

  10. Android源码编译全过程记录（基于最新安卓5.1.0）【转】

    本文转载自:http://blog.csdn.net/drg1612/article/details/44802533 我的编译条件: 1 Ubuntu Kylin 14.04 长期支持版 下载地址 ...