vsc如何运行react项目

安装必要的工具

确保已安装 Node.js（包含 npm 或 yarn），这是运行 React 项目的基础环境。可通过以下命令验证安装：

node -v
npm -v

创建或克隆 React 项目

若为新项目，使用 Create React App 快速生成项目结构：

npx create-react-app my-app

若为已有项目，克隆代码仓库后进入项目目录：

git clone <项目仓库地址>
cd <项目目录>

安装依赖

在项目根目录下运行以下命令安装依赖包：

npm install

或使用 yarn：

yarn install

启动开发服务器

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

npm start

或使用 yarn：

yarn start

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

调试与扩展功能

安装 VS Code 插件以增强开发体验：

• ESLint：代码规范检查
• Prettier：代码格式化
• Reactjs Code Snippets：快速生成 React 代码片段

构建生产版本

生成优化后的生产环境代码：

npm run build

构建后的文件会保存在 build 目录中，可直接部署到服务器。