如何创建react项目

安装Node.js和npm

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

node -v
npm -v

若未安装，需从Node.js官网下载并安装。

使用Create React App创建项目

Create React App是官方推荐的脚手架工具。运行以下命令创建项目：

npx create-react-app my-app

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

进入项目目录

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

cd my-app

启动开发服务器

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

npm start

默认会在浏览器中打开http://localhost:3000，并实时热更新代码修改。

可选：使用Vite创建React项目

若追求更快的构建速度，可使用Vite。先全局安装Vite（若未安装）：

npm create vite@latest

按提示选择React框架及需要的变体（如TypeScript）。完成后进入目录并安装依赖：

cd my-vite-app
npm install
npm run dev

项目结构说明

典型React项目结构包含以下关键文件：

• src/App.js：主组件入口
• src/index.js：渲染根组件的文件
• public/index.html：HTML模板
• package.json：依赖和脚本配置

部署准备

构建生产版本使用：

npm run build

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