如何构建一个react项目

安装 Node.js 和 npm/yarn

确保系统已安装 Node.js（建议使用 LTS 版本），它会附带包管理工具 npm。也可以选择安装 yarn 作为替代。

使用 Create React App 初始化项目

运行以下命令快速创建一个 React 项目：

npx create-react-app my-app

my-app 是项目名称，可自定义。此命令会生成一个包含基础配置的 React 项目。

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

切换到项目目录：

cd my-app

启动开发服务器：

npm start

默认情况下，项目会在 http://localhost:3000 运行。

项目结构说明

主要文件和目录：

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

安装常用依赖库

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

npm install react-router-dom

或状态管理库 Redux：

npm install redux react-redux

配置 ESLint 和 Prettier（可选）

为代码风格一致性，安装 ESLint 和 Prettier：

npm install --save-dev eslint prettier eslint-config-prettier eslint-plugin-prettier

创建配置文件 .eslintrc.json 和 .prettierrc 定义规则。

构建生产版本

运行以下命令生成优化后的生产代码：

npm run build

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