启动react项目如何操作

安装Node.js

确保系统已安装Node.js（建议版本16+），可通过官网下载或使用版本管理工具（如nvm）。安装完成后，在终端运行 node -v 和 npm -v 验证版本。

创建React项目

使用官方脚手架工具Create React App（CRA）快速初始化项目：

npx create-react-app my-app

my-app为项目名称，可自定义。CRA会自动安装依赖并生成基础项目结构。

进入项目目录

初始化完成后，切换到项目文件夹：

cd my-app

启动开发服务器

运行以下命令启动本地开发环境：

npm start

默认情况下，浏览器会自动打开 http://localhost:3000 并显示React欢迎页面。代码修改后会实时热更新。

可选操作

• 使用Yarn：若偏好Yarn，可在安装依赖时替换npm命令：

  yarn create react-app my-app
  yarn start

• TypeScript支持：创建时添加模板参数：

  npx create-react-app my-app --template typescript

• 构建生产版本：执行 npm run build 生成优化后的静态文件。