vsc如何运行react项目

运行 React 项目的基本步骤

确保已安装 Node.js（建议版本 16+）和 VS Code。通过以下步骤运行 React 项目：

安装项目依赖
打开终端（VS Code 内置或系统终端），导航到项目根目录，执行 npm install 安装 package.json 中的依赖项。

启动开发服务器
运行 npm start 或 yarn start，项目会自动在浏览器打开 http://localhost:3000。修改代码会触发热重载。

调试配置（可选）

配置 VS Code 调试环境：
在项目根目录创建 .vscode/launch.json，添加以下配置以启用 Chrome 调试：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Debug React App",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}"
    }
  ]
}

常见问题处理

端口冲突处理
若 3000 端口被占用，修改启动命令为 PORT=4000 npm start，或通过 npm run eject 后调整配置（需谨慎，不可逆）。

依赖问题解决
删除 node_modules 和 package-lock.json 后重新执行 npm install 可解决多数依赖冲突。