小白入坑electron(一)：学习方法和资源

小编曾经在一个项目中，成功用electron将一个直播的web平台封装成客户端版本，自此对electron留下深刻印象，一直打算入坑electron，小编很早就关注了electron公众号。机缘巧合加入公众号的运维团队，因此，小编打算借此机会正式入坑啦。

虽然小编有过electron的使用经验，然而之前的项目仅仅相当于跑通了一个Quick Start项目，基本上算是一个小白，也借这个机会将学习的过程记录下来，和大家一起交流。

1.electron学习的前置知识

具备web前端开发知识基本就可以入门electron了，小编在electron封装客户端时，基本就只用到了web开发的知识。

2.学习方法和步骤

学习总归要先了解一下学习的方法和步骤，做到事半功倍。这里就分享小编看到的腾讯IMWeb前端团队写的一篇帖子《如何入坑Electron开发？》https://mp.weixin.qq.com/s/TuvowgxLj5qe8jm6O0VP1A。

electron的入门可以分成以下几个阶段：

这里只把阶段写出来，有兴趣的读者可以查看原文。当然，基本上任何一个新的框架的学习，也是这几个阶段。小编希望通过这几个阶段的学习，能够正式入坑electron。

3.学习资源

3.1 书籍

electron目前的书籍还很少，在京东上能找到的书基本就只有两本。

《跨平台的桌面应用开发》花了比较多的篇幅比较了electron和NW.js，不建议入手

《Electron跨平台开发实战》对了解electron概念和基本知识还是很有帮助，对于喜欢纸质阅读的人来说还是不错的。小编正是结合书籍和网上的资料完成了之前的项目。不过纸质书的缺点是不能反映最新的内容。

3.2 网站

http://www.electronjs.org/

这个应该是electron的官网了，里面有electron的详细文档和相关的应用介绍，不过手机上浏览效果比较差，中文版本的翻译痕迹太重，看着不太舒服。

https://www.w3cschool.cn/electronmanual/

w3cschool应该算是web开发学习的一个很好的资源了，小编当年学习css和jquery的时候就是在上面学习的，近年来，感觉它对于学习资料的梳理做的越来越好了，尤其对手机的支持非常好，很适合现在的移动学习。

因此小编准备利用w3cschool来系统学习electron文档了，后面再去官网找些应用来学习。

这里也记录一个知乎专栏《electron-vue跨平台桌面应用开发实战教程》

https://zhuanlan.zhihu.com/c_1213109295430131712

从hello world到最后的应用升级更新都进行了一次尝试，可以用于结合文档，作为实践学习。