React 开发入门——Yeoman

React 搭建开发环境可以把一大群想学习和使用 React 的开发者拦在入门的门外，为了方便开发，非死不可推出了一个快速生成开发环境的工具——create-react-app。入门学习其实这个工具已经够用的了，或者也可以使用 CODEPEN 尝试 React。

但是要在 create-react-app 里搭建一个 Webpack，Redux，Router 的 React 开发环境，还不如自己从头写一个开发环境方便，改别人的代码什么的最头痛了。要是 React 新人连纯 React 开发环境都搭不好，添加这么多模块的开发环境，估计新人掉头就去用 Vue 了。这也是 React 坑的地方，生态系统太庞大，没有统一的开发环境标准。

我学 React 的时候，就发现，React 入门其实挺容易的，可是我不会写 webpack 配置，webpack 的文档是写给神看的，我这种英语 5 渣怎么看得懂？于是我就想，咱可不可以写一个 React 开发环境的初始配置放到 github，需要的时候 git 下来用。等等，我能想到的，应该别人也想到了才对，几番打听终于找到了一个脚手架工具——Yeoman。

Yeoman 官网定义是：这是一个现代 WebApp 的网页脚手架工具，提供各种框架脚手架，所以也会有 React 了。

要使用 Yeoman，首先必须得有 node 和 npm，这个没有的自行安装了。有了 node 开发环境，安装 Yeoman 就简单多了。我使用的是 manjaroLinux，Win 什么的我不知道了。

通过下面的命令在 Terminal 全局安装 yo。

$ sudo npm i yo -g

要使用 yo，还需要安装自己想要的 generator。 generator 安装的方法和 yo 是一样的，都是全局安装，要是 generator 打不开，开始在 npms 找。我现在使用的是 generator-react-webpack，README 里面有详细的安装使用说明，不过我使用的时候遇到一些问题。下面说说我使用的步骤。

1、安装 generator-react-webpack：

$ sudo npm i -g generator-react-webpack

2、创建项目文件夹

$ mkdir mkdir my-new-project && cd my-new-project

3、使用 yo 初始化 generator-react-webpack 脚手架

$ yo # 按回车，里面有些配置自己看着确定就好

这样子就初始化好了一个 React 开发环境了。