在现在的前端开发中，使用 React 应该是相当常见的了。那么在使用 React 的时候，如何快速地搭建一个项目框架呢？这里推荐使用一个 npm 包——generator-react-ym。
一、什么是 generator-react-ym？
generator-react-ym 是一个基于 Yeoman 的 React 项目模板生成器。通过使用该项目，可以快速地生成一个基于 React 技术栈的项目，包括 webpack 配置、开发服务器、最佳实践等等。
二、如何使用 generator-react-ym？
1. 安装 Generator
打开命令行工具，输入以下命令，安装 generator-react-ym：
$ npm install -g generator-react-ym
2. 创建项目
创建一个新目录，使用以下命令生成项目：
$ yo react-ym
接下来，我们可以按照提示信息输入项目名称、作者名字等等。
3. 运行项目
项目创建完成后，使用以下命令启动开发服务器：
$ npm start
接下来可以在浏览器中输入对应的地址访问项目了。
4. 生产构建
项目开发完成后，使用如下命令进行生产构建：
$ npm run build
5. 项目部署
项目生产构建完成之后，使用如下命令将项目部署到服务器上：
$ npm run deploy
三、generator-react-ym 有哪些特点？
1. 强调代码规范
generator-react-ym 在创建项目的时候，会自动为我们生成包含代码规范的 .eslintrc 和 .stylelintrc 配置文件。这样子可以帮助我们更好地维护代码质量，减少错误。
2. 可定制性高
generator-react-ym 提供了很多配置项，可以根据自己的需要进行修改。比如可以选择使用 Redux 还是 MobX 等状态管理库，或者选择使用 Sass 还是 Less 作为 CSS 预处理器等等。
3. 支持多页面应用开发
generator-react-ym 还支持多页面应用开发。在创建项目之后，我们可以很方便地添加新的 HTML 文件和对应的 JS 文件，来实现多页面应用。
四、示例代码
以下是一个简单的使用 generator-react-ym 创建的 React 项目示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
----- --- ------- --------------- -
-------- -
------ -
----------- ------------
--
-
-
----------------
-------
-------------------------------
--来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d7f81e8991b448db3b9