【桌面開(kāi)發(fā)】Mac Nw.js 環(huán)境搭建 和 打包

Mac Nw.js 環(huán)境搭建 和 打包

時(shí)間:2016-09-10 01:31:22
作者:zhongxia
本文章,以Mac Os 系統(tǒng)為例子。

一、安裝NW

安裝的方式有兩種

1. 下載安裝包 官網(wǎng)下載 nw.app 的安裝包

把安裝包放到 Application 的文件夾里面, 可以雙擊 nwjs.app ,打開(kāi)應(yīng)用。

效果圖如下:


設(shè)置別名,方便使用

//1. 打開(kāi)設(shè)置別名的文件
vim ~/.bash_profile 

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

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

此時(shí),在命令行輸入 nw , 等同雙擊打開(kāi)應(yīng)用

[如果使用了zsh, 可以在 vim ~/.zshrc 里面添加別名 【本人Mac上,別名需要在這里設(shè)置才起作用】]

如何使用 nw 打開(kāi) 項(xiàng)目

nw .    //當(dāng)前目錄下的 package.json  
nw ./xxx/package.json  //其他目錄下的package.json 

2. sudo npm install -g nw

由于下載nw,遲遲下載不下來(lái),并且執(zhí)行 nw 的時(shí)候, 一直報(bào)錯(cuò)。 后面采用第一種方式。 理論上來(lái)講, npm 上安裝好之后, 輸入 nw 就可以用了。 【具體需要測(cè)試下】

打包項(xiàng)目

在Mac 下打包 應(yīng)用為一個(gè) demo.app 很簡(jiǎn)單。

//1. 把nwjs.app 復(fù)制到你記得住的地方,比如項(xiàng)目的根目錄,或者其他
cp -R /Applications/nwjs.app ./test.app 

//2. 把項(xiàng)目的代碼打包成  一個(gè) nw 文件 【在項(xiàng)目文件夾里面執(zhí)行這一句,路徑自己根據(jù)情況修改】
zip -r ../test.app/Contents/Resources/app.nw  * 

完成, 雙擊 test.app 即可打開(kāi)程序

參考文章

  1. 使用nw.js制作桌面應(yīng)用程序
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容