react如何搭建环境

安装 Node.js 和 npm

React 开发需要 Node.js 环境，它包含了 npm（Node Package Manager）。从 Node.js 官网下载并安装最新稳定版本。安装完成后，通过命令行验证是否安装成功：

node -v
npm -v

创建 React 项目

使用 Create React App（CRA）工具快速搭建 React 项目。CRA 是官方推荐的脚手架工具，内置了 Webpack、Babel 等配置。运行以下命令创建项目：

npx create-react-app my-app

启动开发服务器

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

cd my-app
npm start

开发服务器默认运行在 http://localhost:3000，修改代码后会自动热更新。

安装必要的依赖

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

npm install react-router-dom

配置代码编辑器

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

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

项目结构说明

CRA 生成的项目结构如下：

• src/：存放源代码
• public/：存放静态资源
• package.json：项目配置和依赖管理

生产环境构建

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

npm run build

构建结果会输出到 build/ 目录，可直接部署到服务器。