react如何配置环境

安装 Node.js 和 npm

React 开发需要 Node.js 环境，建议安装最新 LTS 版本。

• 访问 Node.js 官网 下载并安装。
• 安装完成后，在终端运行以下命令验证是否安装成功：

  node -v
  npm -v

创建 React 项目

使用官方工具 create-react-app 快速搭建项目：

npx create-react-app my-app
cd my-app
npm start

项目会自动启动开发服务器，默认地址为 http://localhost:3000。

配置开发工具

推荐使用 Visual Studio Code 作为编辑器，并安装以下插件：

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

项目结构说明

初始化后的项目主要目录结构：

• src/：存放源代码（组件、样式等）
• public/：静态资源（HTML 模板、图片等）
• package.json：项目依赖和脚本配置

添加必要依赖

根据需求安装常用库，例如路由管理：

npm install react-router-dom

或状态管理库：

npm install @reduxjs/toolkit react-redux

配置环境变量

创建 .env 文件定义环境变量，前缀需为 REACT_APP_：

REACT_APP_API_URL=https://api.example.com

在代码中通过 process.env.REACT_APP_API_URL 访问。

生产环境构建

生成优化后的代码：

npm run build

输出文件位于 build/ 目录，可直接部署到服务器。