来玩Atom Shell吧~

如果你对node-webkit(已更名为nw.js)熟悉,你一定不要错过Atom Shell
大名鼎鼎的Atom就是基于Atom Shell来的。

当我第一次安装完Atom,按下Command+Alt+I的时候,看见了这个场景。
Atom
着实非常震惊呀。
熟悉的ChromeDevTools让我马上看了下它的dom结构。
震惊之余,我对Atom的好奇心一下子就上来了。
前后研究了一天时间,当时我以为也是用node-webkit实现的,但是由于不知道atom-shell的存在,自然也就放弃啦。

后来参加了杭js,刚好在会上介绍了atom-shell这个货,我才明白atom的前世今生。

想玩的点这里啦~
很贴心的为特色社会主义准备了mirror = =。

文档传送门:
https://github.com/atom/atom-shell/tree/master/docs

我觉得这个东西不需要过多的说明,只用明白一个事情:

nodejs 的GUI lib

这样描述恰当么= =。

跪求star节目

附上我做的一个markdown编辑器,挺好玩的~
传送门
https://github.com/coffeesherk/gm-editor

截图如下:
GM Editor

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Atom Shell 现已改名为 Electron atom-shell 是 GitHub 随 Atom 一起开源的跨操作系统(Windows,Linux,MacOS X)的利用 Web 技术(Node.js、JavaScript、HTML 5)开发桌面应用的框架。Atom即构建在 atom-shell 之上。 与 Node-Webkit 的区别 atom-shell 和Node-Webkit很像,那么两者有什么区别呢? 1. 程序入口 Node-Webkit 的程序入口是一个网页,你在package.json中指定主页,然后这个主页会在浏览器中打开,作为应用程序的主窗口。 atom-shell 的程序入口则是一个 JavaScript 脚本,而不是直接指定一个 URL。你需要手动创建浏览器窗口,并通过相应的 API 加载 html 文件。你同时需要监听窗口事件以便决定何时退出应用。 因此,atom-shell 更接近 Node.js 运行时,API 也更加底层,你可以利用 atom-shell 进行 web 测试,类似phantomjs。 2. 编译系统 atom-shell 使用libchromiumcontent访问 Chromium 的 Content API,这样编译 atom-shell 的时候就不用编译整个 Chromium (编译 Chromium 非常费时)。 顺便提一下,GitHub 开发者还创建了brightray库,让 libchromiumcontent 的使用更方便。 3. Node 集成 Node-Webkit 的 Node 集成需要给 Chromium 打补丁才能工作。atom-shell 通过集成 libuv loop 和 平台的 message loop 避免给 Chromium 打补丁。 4. Multi-context Node-Webkit 创造了 Node context 和 web context 的概念,而 atom-shell 没有引入新的 context,而是直接使用 Node 的 Multi-context 特性(这一特性是 Atom 开发者赞助 Node 添加的)。 作者 GitHub 最初考察了 Node-Webkit,但是最终还是决定雇佣@zcbenz来开发想要的框架。于是 atom-shell 诞生了。 一个最简单的 hello atom 示例项目请看 hello-atom 主程序示例: var app = require('app');  // Module to control application life. var BrowserWindow = require('browser-window');  // Module to create native browser window. // Report crashes to our server. require('crash-reporter').start(); // Keep a global reference of the window object, if you don't, the window will // be closed automatically when the javascript object is GCed. var mainWindow = null; // Quit when all windows are closed. app.on('window-all-closed', function() {   if (process.platform != 'darwin')     app.quit(); }); // This method will be called when atom-shell has done everything // initialization and ready for creating browser windows. app.on('ready', function() {   // Create the browser window.   mainWindow = new BrowserWindow({width: 800, height: 600});   // and load the index.html of the app.   mainWindow.loadUrl('file://'   __dirname   '/index.html');   // Emitted when the window is closed.   mainWindow.on('closed', function() {     // Dereference the window object, usually you would store windows     // in an array if your app supports multi windows, this is the time     // when you should delete the corresponding element.     mainWindow = null;   }); }); 支持很多桌面应用特性,例如 Dock 菜单等: 使用 Dock 菜单的方法: var app = require('app'); var Menu = require('menu'); var dockMenu = Menu.buildFromTemplate([   { label: 'New Window', click: function() { console.log('New Window'); } },   { label: 'New Window with Settings', submenu: [     { label: 'Basic' },     { label: 'Pro'},   ]},   { label: 'New Command...'}, ]); app.dock.setMenu(dockMenu); PS:网易也有开放了Hex,同样是不满意node-webkit,就自己做了套. 标签:AtomShell  GUI开发框架
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值