【前端工具分享】Electron React Boilerplate（Electron+React项目模板，开箱即用）

目的

桌面客户端开发，也已经是前端领域的一致分支了。跳出浏览器的我们，会获得更多能力。

Electron，目前客户端开发最知名的框架，以VSCode为首的各种应用，都是基于他做的。

React，最强大的前端框架，战绩更不用说了。

现在，你可能跟我一样，想同时使用两者，双剑合璧，天下无敌。

如果你想从头自己搭建，不是不可以，只要你对Electron、React、Webpack的使用及其生态了如指掌。但，我想，大部分人可能做不到，即使你是个屠龙的勇士，想只身逞英雄一试，可能也会被搞的到处碰壁，最后精力消耗殆尽，还没开始写项目，就先死在脚手架搭建阶段了。

所以，最明智的选择，就是寻找一个好用的脚手架。

Electron React Boilerplate

Github地址：https://github.com/electron-react-boilerplate/electron-react-boilerplate

Electron React Boilerplate，正是这样一个脚手架，将Electron与React结合在一起，并提供热更新、打包发布等功能，开箱即用。

按照官方文档，启动项目效果如下。

之后就可以开心的开发客户端了。

基于TS

这个模板的代码，是基于typescript的，所以需要你对ts有一定的了解。我个人最近学习了一下ts，觉得是时候要拥抱它了。

js灵活，方便，闪转腾挪。但，很多时候，我们需要稳定、健壮，这就是ts的优势。就像一个热血沸腾的青年，走向成熟的过程。它逐渐放弃了自己的浪荡不羁，而更注重稳定、踏实而无懈可击的走好每一步。