nwjs学习(1)
2017-05-22 本文已影响0人
守心向暖
- NW.js是什么？
NW.js(原名node-webkit)是一个基于chromium和nodejs的应用运行时，通过它可以用html和js编写原生应用程序。允许从DOM调用�Node.js的模块，实现了web技术写原生应用程序的新开发模式。 - 有哪些功能特性？
1 HTML5,CSS3,JS和WebGL编写应用程序
2 完全支持nodejs APIs和所有其第三方模块
3 良好的性能(node和webkit运行在相同线程，函数调用更简洁，对象在同一堆中可以相互引用)
4 容易打包和分发
5 跨平台支持
- 从Hello World!开始
1 创建一个项目目录demo
cd demo
npm init
// 将会自动生成一个package.json文件，缺省将使用默认值
package.json生成配置
2 创建index.html文件，假设内容如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo | the first nwjs project</title>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>
3 安装nw
从官网https://nwjs.io/下载对应版本的sdk，解压，然后把里面的nwjs.app拷贝到/Application目录下，双击打开会显示下面的页面：
NW.JS应用画面
4 将nwjs放到启动命令中，设置别名：
// 编辑到.bash_profile
vi ~/.bash_profile
// 设置别名
alias /Appliction/nwjs/Contents/MacOS/nwjs.app
// 立即生效
source ~/.bash_profile
// 如果使用zsh，将别名放在~/.zshrc里，立即生效执行
source ~/.zshrc
// 测试，执行nw，如果出现和上面一样的窗口，则成功。
nw
5 进入到demo目录，执行：
nw .
出现下面界面，则成功：
demo成功截图
- 如果出现以下问题，
nw执行出现错误
1. 卸载nwjs app
2. 删除/Library/Application Support/nw
3. 删除/usr/local/bin/nw
