react如何运行项目

运行 React 项目的步骤

安装 Node.js 和 npm
确保系统已安装 Node.js（包含 npm）。可通过以下命令检查版本：

node -v
npm -v

若未安装，从 Node.js 官网 下载并安装。

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

npx create-react-app my-app

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

进入项目目录
初始化完成后，切换到项目文件夹：

cd my-app

启动开发服务器
运行以下命令启动项目：

npm start

默认情况下，开发服务器会在 http://localhost:3000 启动，浏览器将自动打开页面。

构建生产版本
如需生成优化后的生产代码，运行：

npm run build

构建结果位于 build 文件夹中，可直接部署到服务器。

安装额外依赖
若项目需要其他库（如 react-router-dom），通过 npm 安装：

npm install react-router-dom

调试与测试

• 使用 npm test 运行测试。
• 浏览器开发者工具（如 React DevTools）可辅助调试组件状态和性能。

常见问题

• 端口冲突：通过 PORT=4000 npm start 指定其他端口。
• 依赖问题：删除 node_modules 并重新运行 npm install。