美文网首页
nwjs学习(1)

nwjs学习(1)

作者: 守心向暖 | 来源:发表于2017-05-22 16:05 被阅读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

相关文章

网友评论

      本文标题:nwjs学习(1)

      本文链接:https://www.haomeiwen.com/subject/wucsxxtx.html