如何搭建react环境

安装 Node.js 和 npm

React 开发需要 Node.js 环境，npm（Node Package Manager）会随 Node.js 自动安装。
访问 Node.js 官网 下载最新 LTS 版本并安装。安装完成后，运行以下命令验证是否成功：

node -v
npm -v

使用 Create React App 初始化项目

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

npx create-react-app my-app
cd my-app

my-app 为项目名称，可自定义。

启动开发服务器

进入项目目录后，运行以下命令启动开发服务器：

npm start

默认会在浏览器中打开 http://localhost:3000，实时预览项目。

安装必要依赖（可选）

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

npm install react-router-dom

项目结构说明

生成的项目主要目录结构如下：

• src/：存放源代码，包括主入口文件 index.js 和组件文件。
• public/：存放静态资源，如 HTML 模板和图片。
• package.json：记录项目依赖和脚本命令。

生产环境构建

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

npm run build

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

配置 IDE（可选）

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

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