快速用electron生成一个PC端应用

写在前面的

在使用Electron开发应用的过程中遇到了很多小的bug，这些bug有的解决方案尚且有用，有的bug已经过时了。网上的帖子有很多，质量层次不齐，如何去引入解决问题云云，很多的bug是框架自身的问题甚至还活在issues里。为了便于开发electron应用，我整理了三个模板仓库便于直接应用于开发，因为本地没有OSX的环境，所以都是在Win10完成的开发，这也是解决起来最麻烦的。

仓库地址: Gitee, GitHub

为什么是React

针对于Vue的帖子有很多，也很多人使用，我也曾用过。因为自己学过和用过很多开发语言，而React更适用于我的编程逻辑和习惯，Vue面向设计师我感觉是很合适的(～﹃～)~zZ。

关于`Eraac`、`Eraasc`和`Eraatc`

Eraac全名为electron-react-antd-antv-cli，另外的两个s和t分别代表sqlite3的版本和typescript的版本。Eraac和Eraasc的类型检查都是用的prop-types，根据react官方的建议和发展趋势ts版本会越来越流行，js版本降低了开发难度和考虑因素同时存在类型安全的问题，ts版本更适合大型应用的开发。

sqlite3的版本本质就是 Eraac引入了 sqlites3，但是由于 sqlite3并不能直接使用。构建同样是一个大坑，因此整理为了一个独立的仓库。同时需要说明的是：框架限制了electron的版本更新，因为electron版本更新也存在不兼容的问题，如果有需要请自行更新！模板的master分支会尽快跟着electron进行更新的兼容性测试，新项目无需担心。

为什么引入了antd和antv

antd是阿里蚂蚁提供的可视化开源组件，跟饿了么提供的element-ui面向vue一样都是组件。antv是蚂蚁提供的数据可视化组件，在一个应用开发中往往数据可视化也能带来更好的用户体验。antv使用的是BizCharts，为阿里面向react的商业级数据可视化组件，能够保证足够的开发质量。

如何快速生成一个electron应用

第一次使用我建议使用Eraac模板，因为足够便捷。根据README.md的使用指南，很快就会启动成功一个electron应用，根据自己的需要可以清掉所有的demo和test文件直接构建。

基本使用

主进程位于: /public/electron.js

渲染进程可以位于任何组件中，只需要使用window.electron即可使用electron提供的所有API。

进阶使用

参考REAME.md引用的文档，配置好package.json和.yml文件，遵循使用说明，即可实现直接构建带有自动升级的PC端应用！

使用demo: `EdeverClient`

EdeverClient仓库位于GitHub和Gitee，它是基于Eraac和Gitee OpenAPI的便于了解系列所有框架实时动态的PC端。目前只提供了win x64的版本，因为没有Mac，如果能参与构建就很感谢了！

下面是使用界面:

自带了自动更新，无需再考虑版本更新问题，请在 GitHub 的release中获取（因为Gitee限制了附件大小，实在没有办法）

这同时是一个demo基于React Hooks开发，仓库里的代码开源，哪里不会看哪里比文档更直观。

写在后面的

作者大三，同时也是考研狗，不是科班出身，更新框架可能有时候会慢一点，欢迎使用，欢迎pr，issues，如果能给个star那就是最好的鼓励了！有任何问题都可以issues。