使用react脚手架快速搭建项目以及项目文件的介绍（目录文件的功能及作用）

前言

本篇文章教大家使用脚手架搭建react的项目，对于新建的react项目，项目目录里的文件都是干什么的，有什么作用呢？下面一起来看看~

react脚手架

1. 使用yarn在本地安装create-react-app:

npm i -g yarn #全局安装yarn
yarn -v #查看yarn版本号

• 如何使用npx在本地安装相关包

yarn init -y #初始化项目
yarn add -D create-react-app #使用本地安装
npx create-react-app --version #查看脚手架版本

npx会自动去查找当前依赖包中的可执行文件,如果找不到,就会去环境变量里找,如果依然找不到,就会帮你安装。

• 使用npx创建react项目

npx create-react-app react-demo1

在这里,我们没有去全局安装create-react-app,npx就可以执行它。

2. 全局安装create-react-app,这里我们了解一下即可

npm i -g create-react-app // 全局安装
create-react-app --version  查看版本号
create-react-app react-demo // 初始化项目

npm run eject/yarn eject会复制所有依赖文件和相应的依赖（w