如何创建react环境

安装 Node.js 和 npm

确保系统已安装 Node.js（建议使用 LTS 版本），npm 会随 Node.js 自动安装。可通过以下命令验证安装：

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 或状态管理库：

npm install react-router-dom
npm install redux react-redux

配置 IDE 或编辑器

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

• ESLint
• Prettier
• Reactjs code snippets

项目结构说明

CRA 生成的标准项目结构如下：

my-app/
  ├── node_modules/
  ├── public/
  ├── src/
  │    ├── App.css
  │    ├── App.js
  │    ├── index.css
  │    └── index.js
  ├── package.json
  └── README.md

生产环境构建

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

npm run build

构建结果会保存在 build 文件夹中。