如何启动react

启动React项目的方法

使用Create React App（官方推荐）
确保已安装Node.js（包含npm或yarn）。在终端运行以下命令创建新项目：
npx create-react-app my-app
创建完成后进入项目目录：
cd my-app
启动开发服务器：
npm start

通过Vite快速启动
Vite提供更快的开发体验。安装命令：
npm create vite@latest my-react-app --template react
进入项目目录安装依赖：
cd my-react-app && npm install
启动项目：
npm run dev

手动配置Webpack
适合需要自定义构建配置的场景。初始化项目并安装React和React DOM：
npm init -y && npm install react react-dom
安装Webpack及相关插件：
npm install webpack webpack-cli webpack-dev-server babel-loader @babel/core @babel/preset-react --save-dev
配置webpack.config.js和Babel后，添加启动脚本到package.json。

注意事项

• 确保Node.js版本≥14.0.0（推荐LTS版本）。
• 全局安装的create-react-app已弃用，推荐使用npx临时调用最新版本。
• 项目启动后默认访问http://localhost:3000（Create React App）或http://localhost:5173（Vite）。