react如何启动

启动 React 项目的步骤

确保已安装 Node.js
React 需要 Node.js 环境运行，建议安装最新稳定版（LTS）。可通过以下命令检查是否已安装：

node -v
npm -v

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

使用 Create React App 创建项目
Create React App 是官方推荐的脚手架工具，快速生成 React 项目结构。运行以下命令创建新项目：

npx create-react-app my-app

my-app 为项目名称，可自定义。

进入项目目录并启动开发服务器
创建完成后，进入项目文件夹并启动开发环境：

cd my-app
npm start

默认情况下，开发服务器会启动在 http://localhost:3000，浏览器会自动打开页面。

其他启动方式

使用 Vite 创建 React 项目
Vite 是更轻量化的构建工具，适合追求快速启动的项目。执行以下命令：

npm create vite@latest my-vite-app --template react
cd my-vite-app
npm install
npm run dev

手动配置 Webpack 项目
如需自定义配置，可手动初始化项目并集成 Webpack：

1. 初始化项目并安装基础依赖：

   npm init -y
   npm install react react-dom
   npm install --save-dev webpack webpack-cli babel-loader @babel/preset-react

2. 配置 webpack.config.js 和 Babel 后，通过 npm run build 构建。

常见问题解决

端口冲突
若默认端口 3000 被占用，修改启动命令为：

PORT=4000 npm start

依赖安装失败
清除缓存并重新安装：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install