react如何启动

启动 React 项目的步骤

安装 Node.js
确保系统已安装 Node.js（版本建议 16 或更高）。可通过官网下载并安装：Node.js 官网。

验证安装
在终端运行以下命令，检查 Node.js 和 npm 是否安装成功：

node -v
npm -v

创建 React 项目
使用官方工具 create-react-app 快速初始化项目：

npx create-react-app my-app

其中 my-app 为项目名称，可根据需求修改。

进入项目目录
创建完成后，切换到项目文件夹：

cd my-app

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

npm start

默认情况下，浏览器会自动打开 http://localhost:3000 并显示 React 欢迎页面。

其他启动方式

使用 Yarn
若偏好 Yarn，可先全局安装 Yarn：

npm install -g yarn

然后通过以下命令启动项目：

yarn start

使用 Vite 创建 React 项目
Vite 是一种更快的构建工具，适合追求高效开发的场景：

npm create vite@latest my-vite-app --template react

启动命令与 create-react-app 类似：

cd my-vite-app
npm install
npm run dev

注意事项

• 确保网络通畅，首次安装依赖时可能需要下载资源。
• 若遇到权限问题，在命令前添加 sudo（Mac/Linux）或以管理员身份运行终端（Windows）。
• 项目启动后，修改代码会实时热更新，无需手动刷新浏览器。