electron

jimu

http://electron.atom.io/
http://www.wllm.com.cn/

个人认为 Electron 还是要看官方文档，因为有些资料改动还是比较频繁，至少把 quick start 看完，把程序运行起来。
实在不想看英文的话就去看 doc-translations。

着重理解 IPC 模块，主进程和渲染进程。
主进程负责 IO、创建窗口和管理窗口等。
渲染进程（就是一个浏览器窗口）负责 UI，写网页的时候该干嘛就在这个窗口内干嘛。
然后 IPC 模块负责两个进程的通信，比如配置数据的通信，缓存数据的通信，对窗口进行操作等。

接下来最好的做法还是看其他 Electron 应用的源代码，官网上有给出，sindresorhus/awesome-electron · GitHub 有更多。直接使用一些 startup 或者 boilerplate 也是可以的，同样 sindresorhus/awesome-electron · GitHub 有列出很多。微软的 VS Code 也可以哦，我从那里得到不少的启发。

至于 UI 方面，推荐使用 AngularJS 等框架，普通网页那一套不太适合桌面应用。
给个本人写的应用的截图作为例子
GitHub ：radioit/radioit-desktop · GitHub

目前 Electron 的博客……中文资料实在少，几乎没有。
不过本人有在写跟 Electron 相关的博文系列，只是写得有点慢（没什么人看 & 自己懒orz）：http://blog.e10t.net/
或者看在 GitHub 的存档：blog-post/build-application-with-angular-and-ng-material-based-on-electron at master · exoticknight/blog-post · GitHub
也给题主一个快速上手的翻译教程：http://get.ftqq.com/7870.get


作者：lian wein
链接：http://www.zhihu.com/question/36644309/answer/68484152
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。



理解会用下面两段，基本就可以自由发挥了：

## backend
    // IPC.    ipc.on('async-msg', function (event, action, params) {        console.log(action, params);  // prints "asynchronous"        event.sender.send('async-reply', 'asynchronous-reply');    });    ipc.on('sync-msg', function (event, arg) {        console.log(arg);  // prints "synchronous"        event.returnValue = 'synchronous-reply';    });

## frontend
    // Func.    function async(action, params) {        ipc.send('async-msg', action, params);    }    function sync(params) {        return ipc.sendSync('sync-msg', params);    }

# C/S
上面是使用ipc做通讯，然后吧，还有一个办法就更简单了

## backend

• expressjs/koajs
  

## frondend

• vuejs
• jquery(or not)
  

# Other
照猫画虎就好。




官方中文文档 electron/docs-translations/zh-CN at master · atom/electron · GitHub

jimu

http://electron.atom.io/docs/all/
http://www.open-open.com/lib/view/open1451121270448.html   【译】使用 AngularJS 和 Electron 构建桌面应用
http://www.ejiakt.com/blog/show/64   
electron集成bootstrap制作界面

http://www.ejiakt.com/album/show/241   
Electron构建跨平台桌面应用高清视频教程

Qter

https://www.electronjs.org/