如何运行react

运行 React 项目的步骤

安装 Node.js 和 npm
确保系统已安装 Node.js（包含 npm）。可通过官网 Node.js 下载并安装最新稳定版本。安装完成后，验证版本：

node -v
npm -v

创建 React 项目
使用官方工具 create-react-app 快速初始化项目：

npx create-react-app my-app

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

进入项目目录
创建完成后，切换到项目文件夹：

cd my-app

启动开发服务器
运行以下命令启动本地开发环境：

npm start

默认情况下，浏览器会自动打开 http://localhost:3000 并显示 React 欢迎页面。

项目结构与常用命令

关键文件说明

• src/App.js：主组件文件，可修改页面内容。
• src/index.js：项目入口文件，渲染根组件。
• public/index.html：HTML 模板文件。

其他常用命令

• 构建生产版本：

  npm run build

• 运行测试：

  npm test

• 安装额外依赖：

  npm install package-name

调试与扩展

开发工具推荐

• 浏览器安装 React Developer Tools 扩展，便于调试组件状态。
• 使用 VS Code 搭配 ESLint 和 Prettier 插件提升代码质量。

修改默认配置
如需自定义 Webpack 等配置，可通过 eject 释放配置（不可逆）：

npm run eject