nwjs学习(1)

• 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文件，假设内容如下：


  
    
    
  
  
    
Hello world!
  

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