电脑如何安装react

安装 Node.js

React 依赖 Node.js 环境，需先安装 Node.js（包含 npm 或 yarn）。

• 访问 Node.js 官网 下载最新 LTS 版本。
• 运行安装程序，按提示完成安装。
• 安装完成后，在终端输入以下命令验证是否成功：

  node -v
  npm -v

创建 React 项目

使用官方工具 create-react-app 快速搭建项目：

npx create-react-app my-app

• my-app 为项目名称，可自定义。
• 安装完成后，进入项目目录：

  cd my-app

启动开发服务器

在项目目录下运行以下命令启动开发环境：

npm start

• 默认在浏览器打开 http://localhost:3000 预览项目。
• 修改代码后页面会自动刷新。

可选工具

• 使用 Yarn：若偏好 Yarn，安装后替换 npm 命令：

  yarn create react-app my-app
  yarn start

• 编辑器配置：推荐使用 VS Code 并安装扩展（如 ESLint、Prettier）提升开发效率。

生产环境构建

项目完成后，生成优化版代码：

npm run build

• 构建结果位于 build 文件夹，可直接部署到服务器。