nw.js 开发跨平台应用(1)部署开发环境

node.js 下载页面https://nodejs.org/en/download/
nw.js 下载页面 https://github.com/nwjs/nw.js 或者https://nwjs.io/

以下是mac系统下的操作.

1. wget https://dl.nwjs.io/v0.20.3/nwjs-v0.20.3-osx-x64.zip
2. unzip nwjs-v0.20.3-osx-x64.zip
3. cd nwjs-v0.20.3-osx-x64
4. cp -r ./nwjs.app /Applications/
5. vi ~/.bash_profile
打开bash_profile 文件后在后面添加
alias nw="/Applications/nwjs.app/Contents/MacOS/nwjs"
6. source ~/.bash_profile
7. 命令行输出nw 测试是否打开了nwjs.

这里写图片描述

以下测试打开一个vue+webpack项目.
[为什么是vue+webpack?其实可以最简单的webpack项目就可以了,之所以这里使用vue是因为以后的例子会用到vue.]
以下用cnpm代替npm.

1. 安装vue-cli.
	cnpm install -g vue-cli
2. 创建vue项目
	vue init webpack demo 
3. 安装依赖包
	cd demo
	cnpm install
4. 更改package.json 内容
	vi package.json 添加以下内容
	    "main":"http://blog.csdn.net/bojie5744/article/details/57423626",
"window": {
        "width": 1024,
        "height": 768,
        "frame": true,
        "toolbar": false,
        "icon": "static/icon.png"
}
5. nw 打开项目
	保存以上内容后,执行 nw .  命令,会打开一个程序.打开后会看到以下内容。
	这里是直接main就指定一个url,并没有进行nw打包,后面的案例会开始进行nw打包项目的例子。

这里写图片描述

原创文章 54 获赞 168 访问量 63万+

猜你喜欢

转载自blog.csdn.net/bojie5744/article/details/57423626
今日推荐