介绍
generator-react-mobx-boilerplate 是一个基于 Yeoman 的前端工具包。它包含了 React、Mobx 和 Sass 等常用的前端技术，并且经过了优化和扩展，可以帮助我们快速构建出一个稳定、可维护的前端应用。
安装
在使用 generator-react-mobx-boilerplate 之前，我们需要安装以下工具：
- Node.js：https://nodejs.org/
- Yeoman：通过 npm 安装，运行
npm install -g yo命令即可。
然后，我们就可以通过以下命令安装 generator-react-mobx-boilerplate：
npm install -g generator-react-mobx-boilerplate
使用
现在，我们已经可以通过 Yeoman 命令来生成基于 generator-react-mobx-boilerplate 的前端项目了。
创建项目
在命令行中进入到项目要创建的目录，然后执行以下命令：
yo react-mobx-boilerplate
在执行的过程中，Yeoman 会向我们询问一系列问题，用以定制生成的项目。例如，我们可以选择使用哪种样式预处理器（Sass 或者 Less）、是否使用 ESLint 进行代码检查等等。在选择完毕后，Yeoman 会自动在当前目录下生成一个新的项目，并且初始化 git 仓库。
运行项目
在项目根目录下执行以下命令，就可以在本地启动一个 Web 服务器，并且在浏览器中预览我们的项目了：
npm start
然后，在浏览器中访问 http://localhost:3000 即可看到我们的项目。
构建项目
当我们要发布项目时，可以通过以下命令编译前端代码：
npm run build
然后，我们就能够在 build 目录下看到编译出来的前端代码了。
总结
通过上面的介绍，我们已经可以使用 generator-react-mobx-boilerplate 来快速构建出一个 React + Mobx 前端项目了。在使用的过程中，我们可以轻松定制生成出来的项目，并且通过 npm 命令来启动本地服务器和编译前端代码。这样，我们就可以更专注于我们的业务逻辑编写了。
最后，下面是一个示例代码，它展示了如何使用 React + Mobx 来实现一个计数器应用。
-- -------------------- ---- -------
------ - ----------- ------ - ---- -------
------ - -------- - ---- -------------
---------
----- ------- ------- --------------- -
----------- ----- - --
-------------
----------- -
-------------
-
-------------
----------- -
-------------
-
-------- -
------ -
-----
---------- -----------------
------- -----------------------------------
------- -----------------------------------
------
--
-
-在这个示例代码中，我们使用了 @observable 和 @action 装饰器来定义了一个可观察的数据 count 和两个操作 increment 和 decrement。然后，在计数器应用的渲染过程中，我们可以直接使用这些数据和操作来展示和修改计数器值了。这样，我们就可以很方便地使用 React + Mobx 来构建出复杂的前端应用了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672eb0520b171f02e1ea3