简述如何搭建react环境

安装 Node.js 和 npm

确保系统已安装 Node.js 和 npm（Node.js 包管理器）。React 依赖 Node.js 运行环境，npm 用于管理项目依赖。可以从 Node.js 官网 下载并安装最新稳定版本。安装完成后，通过以下命令验证是否安装成功：

node -v
npm -v

使用 Create React App 初始化项目

Create React App 是官方推荐的脚手架工具，可快速生成 React 项目模板。运行以下命令创建新项目：

npx create-react-app my-react-app

my-react-app 是项目名称，可根据需求修改。命令执行完成后，进入项目目录：

cd my-react-app

启动开发服务器

在项目目录下运行以下命令启动开发服务器：

npm start

默认情况下，开发服务器会在 http://localhost:3000 启动，并自动打开浏览器。修改代码后，页面会实时热更新。

安装必要依赖（可选）

根据项目需求，可能需要安装额外依赖。例如，添加路由功能可安装 react-router-dom：

npm install react-router-dom

构建生产版本

完成开发后，运行以下命令生成优化后的生产版本代码：

npm run build

构建结果会保存在 build 目录中，可直接部署到服务器。

配置 IDE 或编辑器（可选）

推荐使用 Visual Studio Code 并安装以下插件提升开发体验：

• ESLint：代码语法检查
• Prettier：代码格式化
• Reactjs code snippets：快速生成 React 代码片段