React开发环境搭建

一、准备工作

（1）首先要安装好node.js（官网链接）和vs code（具体配置省略…）
安装好后可以在cmd窗口查看node.js版本：node -v

（2）可以在VSCode中安装一些插件：
ESLint：用于代码规范检查
Prettier - Code formatter：用于代码格式化
Simple React Snippets：用于快速生成React代码片段

二、React环境搭建

1.安装 create-react-app

(1) 全局安装:npm -g create-react-app
如果报错：npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
这是因为tar的版本过低，需要升级，升级命令：npm install -g tar

创建React项目：create-react-app my-app(在你要放react项目的路径下创建)

(2) 临时安装：npx create-react-app my-app

npm install -g create-react-app 命令是全局安装 create-react-app 工具，这样做的好处是，你可以在任何地方使用 create-react-app 命令来创建新的 React 项目，而不必每次都重新安装。

npx create-react-app my-app 命令会临时安装create-react-app 工具，然后用于创建名为 my-app 的新 React 项目。一旦项目创建完成，临时安装的 create-react-app 工具就会被清理掉，不会留在你的系统中，这样可以确保你使用的是最新版本的 create-react-app 工具来创建项目。
（3）用yarn安装：yarn create react-app my-app

若报错：npm ERR! unable to get local issuer certificate
终端设置npm config set strict-ssl false 即可

2.进入项目目录

cd my-app

3.运行 React 项目

npm start 或 yarn start

4.访问应用

在浏览器中打开 http://localhost:3000/，就能看到新创建的 React 应用程序。

创建成功！！！