React 基础入门--脚手架

1、脚手架是什么

前端脚手架，简单来说就是指通过选择几个选项快速搭建项目基础代码的工具。前端脚手架可以有效避免我们 Ctrl + C 和 Ctrl + V 相同的代码框架和基础配置。

2、脚手架作用

• 可以帮助我们快速生成项目的基础代码
• 脚手架工具的项目模板经过了开发者的提炼和检验，一定程度上代表了某类项目的最佳实践
• 脚手架工具支持使用自定义模板，我们可以根据不同的项目进行“定制”

3、React 常用脚手架

• Create React App 官方脚手架
• Umijs 蚂蚁金服脚手架
• Icejs 阿里巴巴脚手架

4、安装脚手架

• 安装 Create React App 脚手架：yarn create react-app
• 安装 Umijs 脚手架 ：yarn create umi
• 安装 Icejs 脚手架：yarn create ice

建议： 如果想快速开发项目，尽量选择后面两款脚手架；如果仅学习，可以先从 Create React App 脚手架开始。

5、创建React项目

以 Create React App 为例：

yarn create react-app my-app --创建项目

cd my-app --切换到项目文件夹

yarn --安