Electron
Electron是一个运行环境，它将Chromium和Node集成到同一个适合传统桌面Web应用程序开发的运行时环境，并基于Nodejs实现一些网页浏览器难以实现的功能。也就是说，可以通过Electron，用Javascript开发出跨平台的桌面应用。
React
React 是Facebook公司开发的web前端应用框架，以其轻量和运行效率高而著称，目前github上已有将近15万颗星星，是目前三大流行web前端框架之一。
react-electron 开始
1.模板下载
git clone --depth 1 --single-branch https://github.com/electron-react-boilerplate/electron-react-boilerplate.git your-project-name
cd your-project-name
1.1 yarn安装
electron-react-boilerplate推荐使用yarn进行包管理。yarn是facebook发布的一款取代npm的包管理工具，操作方式跟npm类似。
yarn --version
查看是否安装过yarn,如果没有版本显示，则通过以下方式安装
npm install -g yarn
1.2 yarn 换源 在国内，通过默认的yarn设置下载包会很慢，所以需要更换为淘宝源，加快下载速度：
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
2.依赖安装
安装项目需要的各种依赖包。
cd your-project-name
yarn
3.运行
yarn dev
打印信息：
$ yarn dev
yarn run v1.22.4
$ cross-env START_HOT=1 node -r @babel/register ./internals/scripts/CheckPortInUse.js && cross-env START_HOT=1 yarn start-renderer-dev
$ cross-env NODE_ENV=development webpack-dev-server --config configs/webpack.config.renderer.dev.babel.js
Starting Main Process...
> electron-react-boilerplate@1.1.0 start-main-dev x:\xxx\xxx\your-project-name
> cross-env START_HOT=1 NODE_ENV=development electron -r ./internals/scripts/BabelRegister ./app/main.dev.ts
10:36:33.120 > Skip checkForUpdatesAndNotify because application is not packed
此时如果出现下图，恭喜你，项目运行成功：
4.打包
我们要生成一个可执行文件，因为本项目是在window端进行的，所以打包后，应该会生成一个后缀为exe的可执行文件，如果是mac环境，则会生成后缀为dmg的安装包文件。
yarn package
执行代码后，我们可以在目录
your-project-name/release
下出现如下文件
双击运行后缀为exe的文件，则可以把我们完成的桌面软件安装到电脑上了，perfect!
结语
就这样，一个特别原始的react-electron项目已经呱呱坠地了，接下来，我们会在这个模板的基础上添加我们需要的功能，这其中涉及到react和electron两方面的知识内容，敬请期待吧....
噢对了，以上操作均在window10的环境下操作，如果你的环境不同，可能会产生不一样的结果，就酱紫了。。。
