react前端如何启动

启动React前端项目的步骤

确保已安装Node.js（建议版本14+）和npm/yarn。可通过以下命令检查版本：

node -v
npm -v

使用Create React App（官方脚手架工具）创建新项目：

npx create-react-app my-app
cd my-app

启动开发服务器（默认端口3000）：

npm start

或使用yarn：

yarn start

自定义配置选项

修改启动端口（如改为4000）：

• 编辑package.json中scripts部分：

  "start": "set PORT=4000 && react-scripts start"

启用HTTPS开发环境：

HTTPS=true npm start

项目结构说明

典型React项目包含：

• public/：静态资源目录
• src/：主要开发目录
• package.json：依赖和脚本配置
• node_modules/：依赖库目录

生产环境构建

生成优化后的构建文件：

npm run build

构建文件会输出到build/目录，可直接部署到Web服务器。

常见问题解决

端口冲突时添加.env文件：

PORT=4000

清除缓存重新安装依赖：

rm -rf node_modules
npm install