如何创建react环境

安装 Node.js 和 npm

确保系统已安装 Node.js（包含 npm 工具）。建议使用 LTS（长期支持）版本，可通过 Node.js 官网 下载安装。安装完成后，通过以下命令验证版本：

node -v
npm -v

使用 Create React App 初始化项目

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

npx create-react-app my-app

其中 my-app 为项目名称，可根据需求修改。此命令会自动安装 React 及相关依赖。

进入项目目录并启动开发服务器

项目创建完成后，进入项目目录并启动开发服务器：

cd my-app
npm start

默认情况下，开发服务器会运行在 http://localhost:3000，浏览器将自动打开该页面。

安装必要依赖（可选）

根据项目需求，可能需要额外安装库，例如路由管理工具 React Router：

npm install react-router-dom

或状态管理工具如 Redux：

npm install redux react-redux

配置代码编辑器（可选）

推荐使用 Visual Studio Code 并安装以下插件以提高开发效率：

• ESLint：代码规范检查。
• Prettier：代码格式化。
• React Developer Tools：浏览器扩展，用于调试 React 组件。

项目结构说明

CRA 生成的项目结构通常如下：

my-app/
  ├── node_modules/       # 依赖库
  ├── public/             # 静态资源
  ├── src/                # 源代码
  │   ├── App.js          # 主组件
  │   ├── index.js        # 入口文件
  │   └── ...
  ├── package.json        # 项目配置
  └── README.md           # 项目文档

生产环境构建

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

npm run build

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