react项目如何运行

运行 React 项目的步骤

确保已安装 Node.js（建议版本 14+）和 npm/yarn。可以通过以下命令检查版本：

node -v
npm -v

进入项目根目录，安装依赖：

npm install

启动开发服务器：

npm start

默认情况下，开发服务器会运行在 http://localhost:3000 并自动打开浏览器。

其他常用命令

构建生产环境代码：

npm run build

运行测试：

npm test

启动本地静态服务器预览构建结果（需全局安装 serve）：

npm install -g serve
serve -s build

项目结构说明

关键文件/目录：

• src/：主要开发目录，包含入口文件 index.js 和组件代码
• public/：静态资源目录，包含 index.html 模板
• package.json：定义项目依赖和脚本命令

常见问题解决

端口冲突时修改启动端口：

PORT=4000 npm start

清除缓存重新安装依赖：

rm -rf node_modules package-lock.json
npm install