【桌面开发】Mac Nw.js 环境搭建 和 打包

Mac Nw.js 环境搭建 和 打包

时间:2016-09-10 01:31:22
作者:zhongxia
本文章,以Mac Os 系统为例子。

一、安装NW

安装的方式有两种

1. 下载安装包 官网下载 nw.app 的安装包

把安装包放到 Application 的文件夹里面, 可以双击 nwjs.app ,打开应用。

效果图如下:


设置别名,方便使用

//1. 打开设置别名的文件
vim ~/.bash_profile 

//2.在文件里面添加 上下面这一句
alias nw="/Applications/nwjs.app/Contents/MacOS/nwjs"

//3.使别名生效
source ~/.bash_profile

此时,在命令行输入 nw , 等同双击打开应用

[如果使用了zsh, 可以在 vim ~/.zshrc 里面添加别名 【本人Mac上,别名需要在这里设置才起作用】]

如何使用 nw 打开 项目

nw .    //当前目录下的 package.json  
nw ./xxx/package.json  //其他目录下的package.json 

2. sudo npm install -g nw

由于下载nw,迟迟下载不下来,并且执行 nw 的时候, 一直报错。 后面采用第一种方式。 理论上来讲, npm 上安装好之后, 输入 nw 就可以用了。 【具体需要测试下】

打包项目

在Mac 下打包 应用为一个 demo.app 很简单。

//1. 把nwjs.app 复制到你记得住的地方,比如项目的根目录,或者其他
cp -R /Applications/nwjs.app ./test.app 

//2. 把项目的代码打包成  一个 nw 文件 【在项目文件夹里面执行这一句,路径自己根据情况修改】
zip -r ../test.app/Contents/Resources/app.nw  * 

完成, 双击 test.app 即可打开程序

参考文章

  1. 使用nw.js制作桌面应用程序

你可能感兴趣的:(【桌面开发】Mac Nw.js 环境搭建 和 打包)