当前位置:首页 > React

如何安装react

2026-02-26 00:12:11React

安装 Node.js 和 npm

React 需要 Node.js 和 npm(Node Package Manager)作为基础环境。从 Node.js 官网 下载并安装最新 LTS 版本。安装完成后,在终端运行以下命令验证安装是否成功:

node -v
npm -v

创建 React 项目

使用官方工具 create-react-app 快速生成项目模板。在终端运行以下命令:

npx create-react-app my-app

my-app 是项目名称,可根据需求修改。该命令会自动安装 React 及相关依赖。

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

项目创建完成后,进入项目目录并启动开发服务器:

cd my-app
npm start

默认情况下,开发服务器会在 http://localhost:3000 启动,并自动打开浏览器。

安装其他依赖(可选)

根据项目需求,可通过 npm 安装额外库。例如,安装 React Router:

npm install react-router-dom

构建生产版本

开发完成后,运行以下命令生成优化后的生产版本:

npm run build

构建文件会保存在 build 目录中,可直接部署到服务器。

如何安装react

标签: react
分享给朋友:

相关文章

react 如何启动

react 如何启动

创建 React 项目 使用官方工具 create-react-app 快速初始化项目,需提前安装 Node.js(版本 ≥ 14.0.0)和 npm/yarn: npx create-react…

react如何调度

react如何调度

React 调度机制概述 React 的调度机制通过 Fiber 架构 和 Scheduler 模块实现任务优先级管理与时间切片(Time Slicing),确保高优先级更新(如用户交互)能快速响应,…

react如何注销

react如何注销

React 组件的注销方法 在 React 中,组件的注销通常指的是在组件卸载时执行清理操作,例如取消订阅、清除定时器或释放资源。以下是几种常见的方法: 使用 useEffect 钩子的清理函数…

react项目如何启动

react项目如何启动

启动React项目的步骤 确保已安装Node.js(建议版本12以上)和npm/yarn。可通过以下命令检查版本: node -v npm -v 全局安装create-react-app脚手架工具…

react如何重新加载

react如何重新加载

重新加载当前页面 在React中重新加载当前页面可以通过window.location.reload()方法实现。该方法会强制浏览器重新加载当前URL,类似于按下F5刷新页面。 const rel…

react如何添加图片

react如何添加图片

在React中添加图片的方法 使用import导入本地图片 将图片文件放在项目目录中(如src/assets),通过import语句引入后作为src属性值: import logo from '.…