如何从头搭建一个react项目
安装Node.js和npm
确保系统已安装Node.js（包含npm）。可通过官网下载最新LTS版本，安装后运行以下命令验证版本：
node -v
npm -v使用Create React App初始化项目
Create React App是官方推荐的脚手架工具，可快速生成React项目结构。运行以下命令创建项目（将my-app替换为项目名称）：
npx create-react-app my-app
cd my-app启动开发服务器
进入项目目录后，运行以下命令启动开发服务器，默认在http://localhost:3000打开：
npm start项目结构说明
生成的项目主要目录和文件作用如下：
src/：存放源代码，包括入口文件index.js和组件文件App.js。public/：存放静态资源如HTML模板和图片。package.json：定义项目依赖和脚本命令。
添加必要依赖（可选）
根据需求安装常用库，例如路由管理react-router-dom：
npm install react-router-dom编写自定义组件
在src/下创建新组件文件（如Button.js），示例代码如下：
import React from 'react';
function Button({ text }) {
return <button>{text}</button>;
}
export default Button;配置ESLint和Prettier（可选）
为代码风格一致性，安装ESLint和Prettier：
npm install --save-dev eslint prettier eslint-config-prettier创建配置文件.eslintrc.json和.prettierrc定义规则。
构建生产版本
完成开发后，运行以下命令生成优化后的生产代码，输出到build/目录：
npm run build部署项目
将build/目录内容上传至静态托管服务（如Vercel、Netlify或GitHub Pages），或通过服务器部署。
