react 如何启动
启动 React 项目的步骤
确保已安装 Node.js
在开始之前,确保系统已安装 Node.js(版本建议 14 或更高)。可通过以下命令检查是否安装:
node -v
npm -v
使用 Create React App 创建项目
Create React App (CRA) 是官方推荐的脚手架工具,可快速初始化项目。运行以下命令创建项目:
npx create-react-app my-app
其中 my-app 为项目名称,可根据需求修改。
进入项目目录
项目创建完成后,进入项目文件夹:

cd my-app
启动开发服务器
运行以下命令启动开发服务器,默认会在浏览器中打开 http://localhost:3000:
npm start
开发服务器支持热更新,修改代码后页面会自动刷新。

其他启动方式
使用 Yarn
如果偏好使用 Yarn,可以通过以下命令启动项目:
yarn start
自定义端口
若需指定端口(如 3001),可通过修改启动命令实现:
PORT=3001 npm start
生产环境构建
开发完成后,运行以下命令生成优化后的生产环境代码:
npm run build
构建后的文件会保存在 build 文件夹中,可直接部署到服务器。





