React脚手架创建步骤

前言 

React为了方便开发者使用React的全部特性，提供了一个create react app工具，用于创建脚手架项目。官网也表明Create React App是一个用于学习React的舒适环境，也是用React创建新的单页应用的最佳方式。

使用方法

官网给出开发环境Node >= 8.10 和 npm >= 5.6，实际Node.js版本要在14.0.0以上才可以，而且默认仓库“https://registry.npmjs.org/”会导致下载速度过慢或下载过程中出现错误，建议修改为以下淘宝仓库或华为仓库：

淘宝仓库：https://registry.npmmirror.com/
华为仓库：https://repo.huaweicloud.com/repository/npm/

之前设置过淘宝镜像的也建议重新修改，因为原淘宝npm域名即将停止解析。

输入npm config set registry https://registry.npmmirror.com/进行镜像设置

输入npm config get registry，检查是否更换成功

 

输入npm i -g create-react-app，进行全局安装

输入create-react-app my-app（文件夹名），创建一个my-app项目包

在项目所在路径下执行npm start ，启动后会自动打开浏览器

PS也可以执行以下代码，创建项目

npx create-react-app my-app
cd my-app
npm start

my-app目录结构如下：