使用脚手架快速搭建React项目

本文目的：文档记录。

create-react-app是Facebook官方推出的脚手架，可以零配置搭建基于webpack的React开发环境。

实行步骤：

1.安装create-react-app

npm install -g create-react-app

yarn add -g create-react-app

装完脚手架后可以create-react-app --version查询版本号。

2.利用脚手架创建项目

create-react-app +项目名称

因为在利用脚手架创建项目后会把相关配置如webpack、config、scripts等隐藏，可以利用yarn run eject去暴露这些配置，但建议不要操作，隐藏起来自有其道理。

3.搭建react项目常用的UI组件库就是antd了，虽然可以手写，但配合使用更佳。因此正常安装antd就好了。

npm install antd --save

当我们运行项目时，相关插件会自动安装，我们在相关页面直接单个调用各个组件即可，如：

import { Input, Button } from 'antd'
import 'antd/dist/antd.css'

4.npm start

可以在http://localhost:3000/ 查看项目

至此，我们的react项目也可以说是完成最基本的“能跑”了