如何启动react项目

安装Node.js

确保系统已安装Node.js（包含npm或yarn）。可通过以下命令验证版本：

node -v
npm -v

使用Create React App创建项目

通过官方脚手架工具快速初始化项目：

npx create-react-app my-app

my-app为项目名称，可自定义。完成后进入项目目录：

cd my-app

启动开发服务器

运行以下命令启动本地开发环境：

npm start

默认情况下，项目会在浏览器中自动打开 http://localhost:3000。

可选工具链

• Vite: 更快的构建工具，适合现代React项目：

  npm create vite@latest my-app --template react

• Next.js: 如需服务端渲染（SSR），可使用：

  npx create-next-app@latest

项目结构说明

生成的项目包含以下核心文件：

• src/App.js: 主组件入口
• src/index.js: React渲染入口
• public/index.html: HTML模板

生产环境构建

部署前需生成优化后的代码：

npm run build

构建结果位于 build 文件夹。