如何创建react环境

安装 Node.js

确保系统已安装 Node.js（建议版本 16 或更高）。可通过官网下载安装包或使用包管理器安装。安装完成后，验证版本：

node -v
npm -v

使用 Create React App 初始化项目

Create React App（CRA）是官方推荐的脚手架工具，可快速搭建 React 环境。运行以下命令创建项目：

npx create-react-app my-app

其中 my-app 为项目名称，可根据需求修改。

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

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

cd my-app
npm start

默认情况下，开发服务器会在 http://localhost:3000 启动，浏览器会自动打开该地址。

安装必要依赖（可选）

根据项目需求安装额外依赖，例如路由库 react-router-dom：

npm install react-router-dom

配置 IDE 或编辑器

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

• ESLint（代码检查）
• Prettier（代码格式化）
• Reactjs code snippets（代码片段）

项目结构说明

CRA 生成的项目结构如下：

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

生产环境构建

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

npm run build

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