基于 Electron 和 angular material 编写的动画广播聚合应用

[exoticknight]

github： https://github.com/radioit/radioit-desktop

lz 在看动画之余有时会听跟动画联动的广播，嫌打开网页麻烦，写了 python 脚本来抓。

近来在想弄个带 GUI 的，由于以前稍稍用过 node-webkit（现在叫 NW.js），所以尝试用 Electron（原来叫 Atom Shell）来做一个。下面是截图。



有一些简单的功能：
1、浏览三个广播站的广播
2、浏览广播的详细信息
3、得到广播的音频地址

关于 Electron 的博文不多，于是也在更新编写过程的总结性博文：

http://blog.e10t.net/build-application-with-angular-and-ng-material-based-on-electron-0-preface/

http://blog.e10t.net/build-application-with-angular-and-ng-material-based-on-electron-1-analyze-and-configuration/

另外 Electron 的例子同样也不多，于是也在写上面的应用之后尝试抽出了一个 startup application。

github： https://github.com/exoticknight/electron-startup

大家可以来给建议和 PR。

[sxd]

感谢楼主分享
我也分享几个 startup
https://github.com/sindresorhus/electron-boilerplate
https://github.com/sindresorhus/generator-electron
https://github.com/szwacz/electron-boilerplate
外带 yeoman 的生成器

[coolicer]

回去看看

[arens]

怎么实现这种Google style，有开源库吗？

[exoticknight]

@arens 大部分是用基于 angular 的 angular material，标题栏是自己用 css 做的。现在还有一个 MDL，http://www.getmdl.io/components/index.html

[sunqixiaoxixi]

electron在哪这方面有优势呀

[exoticknight]

@sunqixiaoxixi
说有优势倒不如说迎合了一部分人的使用习惯，扩展了软件编写的方法
对比普通 GUI 库：能用 html 和 css，熟悉网页制作就能做 GUI / 界面自由度大 / 调试方便
对比 NW.js：社区成熟活跃 / 以 js 为主导

[Dean]

@exoticknight 敢问题主有的什么编辑器或 IDE ，如何解决引入 require('electron')module 后，无法在编辑中自动代码提示，非常不习惯没提示😂

[exoticknight]

@Dean 我用 sublime text ，的确是没有自动提示的，有 js 的提示其实就够了。另外 Electron 的版本变化太快，应该也没有什么工具吧？不知道 webstorm / VS 有没有？