如何让react项目跑起来

安装 Node.js 和 npm

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

node -v
npm -v

创建 React 项目

使用官方工具 create-react-app 快速初始化项目。在终端执行：

npx create-react-app my-app

其中 my-app 为项目名称，可自定义。此命令会自动生成项目结构和依赖。

进入项目目录

项目创建完成后，切换到项目目录：

cd my-app

启动开发服务器

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

npm start

默认情况下，浏览器会自动打开 http://localhost:3000 并显示项目页面。代码修改后会自动热更新。

项目结构说明

关键文件和目录作用：

• src/App.js: 主组件入口文件
• src/index.js: 应用渲染入口文件
• public/index.html: HTML 模板文件
• package.json: 项目配置和依赖管理文件

可选操作

如需构建生产版本，运行：

npm run build

生成的文件位于 build 目录，可直接部署到服务器。