电脑如何安装react

安装 Node.js 和 npm

React 项目依赖 Node.js 环境，需先安装 Node.js（自带 npm）。访问 Node.js 官网 下载 LTS 版本，运行安装程序并完成配置。安装后，在终端输入以下命令验证版本：

node -v
npm -v

使用 Create React App 初始化项目

官方推荐通过 create-react-app 工具快速搭建项目。全局安装该工具并创建项目：

npm install -g create-react-app
npx create-react-app my-react-app

my-react-app 为项目名称，可自定义。工具会自动安装 React 及其依赖。

启动开发服务器

进入项目目录并启动开发服务器：

cd my-react-app
npm start

默认在浏览器打开 http://localhost:3000，实时热更新修改内容。

项目结构说明

生成的项目包含以下核心文件：

• src/index.js：应用入口文件。
• src/App.js：主组件文件。
• public/index.html：HTML 模板。
• package.json：依赖和脚本配置。

可选：使用 Yarn 替代 npm

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

npm install -g yarn
yarn create react-app my-react-app
yarn start

生产环境构建

完成开发后，生成优化过的生产版本：

npm run build

构建结果位于 build 目录，可直接部署到服务器。