如何下载react库
下载 React 库的方法
通过 npm 安装
在项目目录中运行以下命令,使用 npm(Node.js 包管理器)安装 React 及其核心依赖:
npm install react react-dom
适用于基于 Node.js 的项目,通常与构建工具(如 Webpack 或 Vite)配合使用。
通过 yarn 安装
若使用 yarn 作为包管理器,可执行以下命令:
yarn add react react-dom
与 npm 类似,但依赖解析和缓存机制不同,适合已有 yarn 配置的项目。
通过 CDN 直接引入
在 HTML 文件中直接添加 React 的 CDN 链接,无需本地安装:
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
适用于快速原型开发或非构建环境,但缺少模块化支持。
创建 React 项目脚手架
使用官方工具 create-react-app 快速生成项目结构(已包含 React 库):
npx create-react-app my-app
自动配置开发环境,适合新手或标准项目初始化。
注意事项
- 使用 npm 或 yarn 需提前安装 Node.js(官网下载)。
- CDN 方式需注意版本更新和生产/开发环境的脚本选择(如
.production.js)。 - 国内用户可配置 npm 镜像(如淘宝源)加速下载:
npm config set registry https://registry.npmmirror.com







