react如何配置环境

安装 Node.js 和 npm

React 开发需要 Node.js 环境，用于运行 JavaScript 代码和管理依赖。访问 Node.js 官网 下载并安装最新 LTS 版本。安装完成后，在终端运行以下命令验证安装是否成功：

node -v
npm -v

创建 React 项目

使用官方工具 create-react-app 快速生成项目模板：

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

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

启动开发服务器

进入项目目录后运行以下命令启动本地开发环境：

npm start

默认会在浏览器打开 http://localhost:3000，并支持热更新。

安装必要依赖（可选）

根据项目需求安装常用库，例如路由管理 react-router-dom：

npm install react-router-dom

配置代码编辑器

推荐使用 VS Code，安装以下插件提升开发效率：

• ESLint：代码语法检查
• Prettier：代码格式化
• Reactjs code snippets：快速生成 React 代码片段

项目结构说明

create-react-app 生成的核心目录：

• src/：存放组件和主逻辑代码
• public/：静态资源（如 HTML 模板）
• package.json：依赖和脚本配置

生产环境构建

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

npm run build

构建结果位于 build/ 目录，可直接部署到服务器。