看到回答里, 多数都没有回答到点子上, 还有些给了非常主观的意见而没有给出实际结论和分析过程.

题主的问题有四个:

1. Github 如何基于 Node.js 和 Chromium 开发 Atom?

Atom 是基于 Atom-Shell (atom/atom-shell · GitHub) 开发的, atom-shell 是一个将 Chromium 和 Node.js (在最近的版本中已经替换成了 io.js 了) 整合在一起的 shell 框架. 那么他是如何整合 node.js 和 chromium 的呢? Atom-Shell 在浏览器的底层和渲染层分别加入了 node.js 的事件循环, 由此在浏览器内核中驱动了 node.js. 之所以将渲染层和内核层的事件循环区分, 是为了 CEF3 的渲染架构而这么设计的, 而为了能够让渲染层之间, 以及渲染层和内核层之间通讯, 采用 ipc 进行封装, 具体的 ipc 实现我没深入去查看源代码, 应该是直接走了 Chromium 的 IPC 接口. 
类似的 Shell 技术还有 nw.js 和 bracket-shell. 但是这些 shell 技术都有差异, 具体的差异可以阅读这几篇文档:

atom-shell/atom-shell-vs-node-webkit.md at master · atom/atom-shell · GitHub
https://speakerdeck.com/zcbenz/practice-on-embedding-node-dot-js-into-atom-editor
https://speakerdeck.com/zcbenz/node-webkit-app-runtime-based-on-chromium-and-node-dot-js

Github 的 Atom 就是在 Atom-Shell 的基础上, 通过 coffee-script 写页面端的表现, 通过 node.js/io.js 的整合处理 io 层的需求. 然后通过 atom-shell 整合操作系统中一些 native 窗口的能力.

2. 有过来人能分享学习经验?

学习经验倒也谈不上, 我基本上是阅读了一遍 atom-shell 官方的文档, 重点学习了一下如何使用 ipc 进行窗口间, 内核层之间的通讯方式以及页面编程相关的知识. 这个过程中, 我觉得有几个地方可以系统学习:

1. 通讯模型的建立:

为了更好的进行 ipc 通讯, 我们需要一些有效的经验模型来总结通讯的方法, 为此, 我找了两个通讯模型的文档进行学习:

Getting Started with 'nanomsg'
http://zguide.zeromq.org/page:all

通过对 nanomsg, zero-mq 中提出的几种通讯方式的总结, 我们渐渐地设计出符合我们需求的消息通讯编码规范, 和通讯类型.

2. CSS 排版, DOM 页面渲染知识:

为了能够让我写的 GUI 高效的在页面中运转, 我需要掌握更多的关于浏览器如何渲染 DOM, 如何解析 CSS 等浏览器渲染内核的知识, 为此我阅读了以下文档:

How Browsers Work: Behind the scenes of modern web browsers (这是一篇基础入门的好文章, 他让我在短短1个礼拜内, 通过自己的编码实践和扩展阅读理解了浏览器的大概的工作原理)
Getting Started With the WebKit Layout Code (这也是一篇非常好的文章, 他通过解析 Webkit 的底层 layout 代码, 让你明白整个浏览器是如何进行 css 排版工作的)
A Visual Method for Understanding WebKit Layout (这篇文章继承上一篇, 通过实践进一步理解 layout 的技术内容)
Rendering: repaint, reflow/relayout, restyle / Stoyan's phpied.com (这篇文章也是讲关于 reflow 的底层细节)
Understanding the CSS Specifications (然后因为 css 的文档本身太晦涩, 我一个初入门 web 前端编程的人一开始没能读懂, 所以我就先找到了这篇进行学习)
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification (在那之后, 我进行了一些实践, 差不多觉得可以掌握了, 就通读了一遍这篇文档, 并通过少量编码, 完成大部分 css2 的排版计算过程, 打通了我心中对于排版的诸多疑问)

这之后, 我又扩展阅读了以下一些 css 草案:

然后通过上面的几轮实践, 我又回过头来学习了以下几篇关于排版的知识点:

大概前前后后花了约 4 个月时间, 完成了整个 web 渲染和排版的基础知识.

3. Node.js/io.js 学习

Node.js 的学习我是在项目中持续进行的, 这期间由于项目进度比较紧张, 我并没有很好的做好各种学习笔记, 所以不好意思, 没有特别多可以分享的经验.

3. 还有通过这种方式开发移动应用呢?

有一些 Hybrid 的应用通过相似的方法构建, 比较出名的有:

这方面我接触的不多, 所以没有太多的经验可以分享.

4. 基于 Node 开发类桌面应用有什么建议?

我觉得还是要从项目本身的需求出发点考虑, 如果你是一个 javascript 依赖较多的项目, 或者一个偏页面应用的项目, 那么基于 Node/Chromium 构建的桌面 APP 将给你带来非常好的基础结构, 让你专注在开发本身.

*********************************************************************************************************************************************************

题主不必把眼光局限在 ATOM,对于一般的应用程序,我更推荐 XDK 使用的框架 nodw-webkit,也就是现在的 NW.js,这个框架做起来非常顺手。

我不推荐 ATOM 所用的 atom-shell,原因在于它比较难上手,特别是引入了 ipc 通讯机制。如果你是做一些类似 CS 架构的应用,那么 ipc 是你的得力助手。如果你只是做一些普通的桌面应用,ipc 会逼着你把简单的任务复杂化,违反了 KISS 原则。而且 ipc 有很多坑,会成为你开发中最浪费时间的部分。

下文统一介绍一下这个领域现成的技术框架和成功案例:

atom 基于 atom-shell 开发而来,atom-shell 基于 node.js(io.js) 和 Chromium(CEF2) 开发而来。
atom-shell 代表案例可参考 Fireball 总设计师回答的这个帖子:还要多少年, 前端开发才能像客户端开发那样轻松? - Johnny Wu 的回答

NW.js 由 node-webkit 更名而来,技术底层和 atom-shell 是一样的,比 atom-shell 还容易上手,用的人最多。node-webkit 是为了支撑 Intel 自家的 XDK 而做的,谁会想到这样的 IDE 神器竟然是用 JavaScript 写的?但也正是由于这点,nw 之前的更新停滞了一段时间,于是被我们无情抛弃了,这个项目最近似乎重新活跃了起来。

看完上面的两个框架和对应的案例,我想题主心中会有答案。此外类似的框架还有比较小众的 brackets-shell 和 heX,分别支撑 brackets 和 有道词典的开发。

下面是吐槽时刻:

nodejs + chromium ≈ sb

为什么这么说,先说≠的部分,如果你要在linux花30分钟写出一个界面酷炫功能简单的小工具,nodejs+chromium(也就是node-webkit)是很好的选择,在windows上是vb,要界面酷炫的话http://vb.net/c# + wpf,mac也请退坑,默认的就够好了。

谁都知道WPF和VB很好用,但是要跨平台怎么办?想要跨平台的话,用 node+web 再好不过了。

如果你要做个比较重的东西,chromium的效率和bug会把你拖累成狗,你说npm绝赞?node-webkit索然披着node皮但是用到本地代码的编译起来炒鸡蛋疼。

atom-shell 的 bug 响应时间是按天算的呢,chromium的效率还真的很棒。本地代码的编译蛋疼在哪了…… 不就一个命令行搞定的事吗?你要是换了其它技术,那编译起来各种依赖库才叫一个酸爽呢。

如果你要做一个小玩意,但是给人用,带个node-webkit不知道多重……

好几十MB,听起来是很重,但是我用有道词典那么多年了,一直没发现它很重啊?谁会注意到它是 CEF 做的呢。你做了一个棒棒的工具,这年头谁还会在乎体积啊?

其他的,你要炫酷界面opengl/directui

网页做界面才叫酷炫呢,看看我上面的 atom-shell 案例

你要跨平台gtk / qt各有各的好

AIR 和 Java 更好,gtk/qt 已经入土为安了。

速度慢, 执行效率低.

看我的案例,游戏引擎都能做了,XDK 这样的重量级 IDE 都能做了,还有什么性能上可质疑的呢?

占用资源较多.

你做的什么应用,要常驻后台吗?你的内存还差这几十MB?

开发周期长.

明明是缩短了开发周期好吗…… 不信你跨个平台试试。就算不跨平台,你看看我前面 atom-shell 贴的案例吧,网页做起 UI 开发效率很高的。

references:

http://www.zhihu.com/question/23679877

GitHub 如何基於 Node.js 和 Chromium 開發 Atom?的更多相关文章

  1. 使用 GitHub API 进行数据分析 (Node.js)

    使用 GitHub API 进行数据分析 (Node.js) Node.js 的访问 GitHub 的 API 库,通过 npm 或者 yarn 安装: yarn add github-api 官方示 ...

  2. 从Github远程库安装Node.JS

    3)从Github远程库安装Node.JS在这个方法中我们需要一些步骤来把Node.js的从Github上的远程的仓库克隆到本地仓库目录 在开始克隆(克隆)包到本地并且配制之前,我们要先安装以下依赖包 ...

  3. 【译】在 Chrome 开发者工具中调试 node.js

    原文链接 : Debugging Node.js in Chrome DevTools 原文作者 : MATT DESLAURIERS 译文出自 : 掘金翻译计划 译文链接 : https://git ...

  4. 在 Chrome 开发者工具中调试 node.js

    命令行工具 devtool ,它可以在 Chrome 的开发者工具中运行 Node.js 程序. 下面的记录显示了在一个 HTTP 服务器中设置断点的情况. 该工具基于 Electron 将 Node ...

  5. 认识Web前端、Web后端、桌面app和移动app新开发模式 - 基于Node.js环境和VS Code工具

    认识Web.桌面和移动app新开发模式 - 基于Node.js环境和VS Code工具 一.开发环境的搭建(基于win10) 1.安装node.js和npm 到node.js官网下载安装包(包含npm ...

  6. 如何定位 Node.js 的内存泄漏

    基础知识 Node.js 进程的内存管理,都是有 V8 自动处理的,包括内存分配和释放.那么 V8 什么时候会将内存释放呢? 在 V8 内部,会为程序中的所有变量构建一个图,来表示变量间的关联关系,当 ...

  7. Node.js Stream-进阶篇

    作者:美团点评技术团队链接:https://zhuanlan.zhihu.com/p/21681115来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 上篇(基础篇)主要 ...

  8. node.js学习资料

    Node.js 入门 <汇智网 Node.js 课程> <快速搭建 Node.js 开发环境以及加速 npm> http://fengmk2.com/blog/2014/03/ ...

  9. Node.js Tools 1.2 for Visual Studio 2015 released

    https://blogs.msdn.microsoft.com/visualstudio/2016/07/28/node-js-tools-1-2-visual-studio-2015/ What ...

随机推荐

  1. python:unittest(测试框架)

    一,基本概念 TestCase:所有测试用例的基类 TestLoad:加载测试用例,返回TestSuite(测试套件) TestSuite:创建测试套件 TextTestRunner:运行测试用例 T ...

  2. (转)Maven实战(六)依赖

    我们项目中用到的jar包可以通过依赖的方式引入,构建项目的时候从Maven仓库下载即可. 1. 依赖配置    依赖可以声明如下: <project> ... <dependenci ...

  3. 组合数学第一发 hdu 2451 Simple Addition Expression

    hdu 2451 Simple Addition Expression Problem Description A luxury yacht with 100 passengers on board ...

  4. UITouch附加

    框架 /System/Library/Frameworks/SpriteKit.framework 可用性 可用于iOS 7.0或者更晚的版本 声明于 SKNode.h 概览 重要提示:这是一个初步的 ...

  5. [Unit Testing] Angular Unit Testing, ui-router, httpbackend and spy

    // backend test beforeEach(inject(function (_$compile_, _$httpBackend_, _$rootScope_, _$state_, _Ann ...

  6. Can't connect to local MySQL server through socket '/tmp/mysql.sock' (111)

    遇着这个提示的话,如果本地只安装了一个mysql,这里写的很详细的 http://www.blogjava.net/asenyifei/articles/82575.html 看这里可以解决,如果本地 ...

  7. 【网络流#1】hdu 3549 - 最大流模板题

    因为坑了无数次队友 要开始学习网络流了,先从基础的开始,嗯~ 这道题是最大流的模板题,用来测试模板好啦~ Edmonds_Karp模板 with 前向星 时间复杂度o(V*E^2) #include& ...

  8. 面试题 HashMap 数据结构 实现原理

    数据结构 HashMap的数据结构 数据结构中有数组和链表来实现对数据的存储,但这两者基本上是两个极端. 数组:数组存储区间是连续的,占用内存严重,故空间复杂的很大.但数组的二分查找时间复杂度小,为O ...

  9. SVN Git 设置忽略目录 大全

    eclipse中SVN设置 用svn控制版本,svn本身是不会识别哪些该传,哪些不该传,这就导致有些关于路径的东西(比如拓展jar的路径)也被上传了,而当别人下载后,那个路径对于这个人可能完全不存在, ...

  10. MyEclipse保存文件时 自动格式化代码! 不包括文档注释

    设置不格式化 文档注释