如何启动react

启动React项目的方法

使用Create React App（官方推荐）
确保已安装Node.js（建议版本12+）。打开终端，运行以下命令创建新项目：
npx create-react-app my-app
创建完成后，进入项目目录：
cd my-app
启动开发服务器：
npm start
默认情况下，项目会在http://localhost:3000自动打开浏览器。

通过Vite快速启动
Vite是更轻量化的替代方案。安装命令：
npm create vite@latest my-react-app --template react
进入项目目录并安装依赖：
cd my-react-app
npm install
启动项目：
npm run dev

手动配置Webpack
适合需要深度定制的场景。初始化项目并安装基础依赖：
npm init -y
npm install react react-dom webpack webpack-cli babel-loader @babel/preset-react --save-dev
创建webpack.config.js配置文件，设置入口和输出。通过npm scripts添加启动命令。

使用TypeScript模板
Create React App支持TypeScript模板：
npx create-react-app my-app --template typescript
启动方式与默认模板相同，但文件扩展名需使用.tsx。

注意事项

• 确保网络通畅，首次安装会下载依赖包。
• 遇到权限问题可尝试使用sudo（Mac/Linux）或以管理员身份运行终端（Windows）。
• 项目启动后，修改代码会触发热重载，无需手动刷新浏览器。