如何创建react环境

安装 Node.js 和 npm

确保系统已安装 Node.js（包含 npm）。可以通过官网下载并安装最新稳定版本。安装完成后，验证版本：

node -v
npm -v

使用 Create React App 初始化项目

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

npx create-react-app my-app

其中 my-app 是项目名称，可自定义。

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

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

cd my-app
npm start

默认情况下，开发服务器会在 http://localhost:3000 启动。

安装必要依赖（可选）

根据项目需求安装额外依赖，例如路由库 React Router：

npm install react-router-dom

配置 IDE 或编辑器

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

• ESLint：代码质量检查
• Prettier：代码格式化
• Reactjs code snippets：React 代码片段

项目结构说明

Create React App 生成的标准结构如下：

my-app/
├── node_modules/       # 依赖库
├── public/             # 静态资源
├── src/                # 主要代码目录
│   ├── App.css         # 主组件样式
│   ├── App.js          # 主组件
│   ├── index.css       # 全局样式
│   └── index.js        # 应用入口
├── package.json        # 项目配置
└── README.md           # 项目说明

生产环境构建

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

npm run build

构建结果会保存在 build 目录中。