Mais conteúdo relacionado Semelhante a 这年头,你只需要懂Node webkit (20) 这年头,你只需要懂Node webkit20. Quick Start – package.json
title(string)
width/height(int)
toolbar(boolean)
icon(string)
position(string)
min_width/min_height(int)
max_width/max_height(int)
as_desktop(boolean)
resizable(boolean)
always-on-top(boolean)
fullscreen(boolean)
frame(boolean)
show (boolean)
......
21. Quick Start – Native API
获取当前窗口对象:
// Load native UI library
var gui = require('nw.gui');
var win = gui.Window.get();
最小化窗口:
win.minimize();
// 监听最小化事件
win.on('minimize', function() {
console.log('Window is minimized');
});
// 取消监听
win.removeAllListeners('minimize');
22. Quick Start – Native API
打开新窗口:
var new_win = gui.Window.get(
window.open('https://github.com')
);
关闭窗口:
win.close();
监听关闭窗口:
win.on(‘close’, function () {
//TODO
})
27. Quick Start — 设置Logo图标
Package.json:
Inno Setup:
勾选创建桌面图标,修改iss文件
Mac:
修改:Contents/Resources/app.icns
28. Quick Start – More Native UI API
• Clipboard(剪切板)
• File dialogs(文件对话框)
• Shell
– openExternal(URI) 在系统浏览器打开链接
– openItem(file_path) 使用默认文件编辑器打开
文件
– showItemInFolder(file_path) 在文件管理器中
显示文件
29. Quick Start – 打包你的应用
• 第一步:打包项目文件
把项目文件打包成一个zip文件,并把后缀重命名为nw,如
app.zip app.nw。注意:package.json文件必须在根目录下。
目录结构参照:
app.nw
|-- package.json
`-- index.html
`-- js
`-- css
`-- img
...
30. Quick Start – 打包你的应用
• 第二步:创建可执行文件
Windows:
$ copy /b nw.exe+app.nw app.exe
Linux:
$ cat /usr/bin/nw app.nw > app && chmod +x
app
31. Quick Start – 打包你的应用
• 第二步:创建可执行文件
Mac OS X:
下载node-webkit.app文件,使用包管理方式打开,把
项目目录整个到Contents/Resources目录下,并重命名
为app.nw(如果想要更快地启动速度,可以使用zip打
包后的app.nw文件)。
需要修改的文件:
– Contents/Resources/app.icns app 图标
– Contents/Info.plist 苹果软件包说明文件
34. Quick Start – 打包你的应用
• 第三步:创建安装包
Windows:Inno Setup
http://www.jrsoftware.org/isinfo.php
Ubuntu/Debian:Debreate
http://debreate.sourceforge.net
Mac:重命名node-webkit.app即可。
43. Node.js – 第三方组件
• 公司内网访问不了怎么办?
$ npm config set proxy http://proxy.tencent.com:8080
$ npm config set registry http://registry.npmjs.org
doc: https://npmjs.org/doc/config.html
47. 编译C/C++原生组件
node-gyp: Node.js native addon build tool
https://github.com/TooTallNate/node-gyp
How to build:
$ npm install -g node-gyp
$ cd my_node_addon
$ node-gyp configure
$ node-gyp build
Use:
var addon = require('./build/Release/addon');
More: http://nodejs.org/api/addons.html
48. run .NET and node.js code in-process
Edge.js
https://github.com/tjanczuk/edge
An edge connects two nodes. This edge connects
node.js and .NET. V8 and CLR. Node.js, Python, and
C# - in process.
安装:
$ npm install edge
50. run .NET and node.js code in-process
//引入文件
var add7 = edge.func(__dirname + '/add7.csx');
//引入dll
var clrMethod = edge.func('My.Edge.Samples.dll');
59. 调查:大家都如何使用LESS & Sass
• 命令行
lessc styles.less > styles.css
sass --watch style.scss:style.css
• GUI图形工具
WinLess、Simpless、Codekit、Scout
61. 功能特性
• 多语言支持:支持Less、Sass、CoffeeScript 和 Compass Framework。
• 实时编译:监听文件,当文件改变时自动执行编译,这一切都在后台运
行,无需人工操作。
• 编译选项:可以设置各个语言的编译选项。
• 代码压缩:Less & Sass支持编译后自动代码压缩.
• 错误提示:在编译时如果遇到语法的错误,koala将在右下角弹出错误信
息,方便开发者定位代码错误位置。
• 跨平台:windows、linux、mac都能完美运行。
Notas do Editor 初步讲解node-webkit是什么 先介绍node-webkit是做什么的:开发桌面应该的运行器。列出主流的开发方式
Delphi[带尔菲],python[pai seng] 先介绍node-webkit是做什么的:开发桌面应该的运行器。列出主流的开发方式 chromium['kroʊmiəm] 如何调试运行程序 讲解package.json字段 Package.json里面的icon并不是桌面图标,创建桌面快捷方式或锁定到任务显示的是默认的node-webkit图标。 打包源码为可执行文件
注意:package.json文件必须在根目录下。 到这里差不多了,但是还没有结束。 推荐一本电子书 – node入门 Modules['mɒdʒʊlz] edge [‘ai g] Reddit是个社交新闻站点。RSS规格合作者、Reddit联合创始人、著名计算机黑客Aaron Swartz于2013年1月11日在纽约市自杀
吹捧一番
叫大家发言 有人说它长得像codekit,学习,比他简约、大气