当前位置:首页 > React

react如何下载

2026-01-13 11:29:07React

安装 React 的步骤

通过 npm 或 yarn 安装 React,确保已安装 Node.js(版本建议 ≥ 14.0.0)。打开终端或命令行工具,运行以下命令:

npx create-react-app my-app

此命令会创建一个名为 my-app 的新项目,包含 React 的所有基础依赖和配置。

通过 CDN 快速引入

对于不需要构建工具的场景,可以直接在 HTML 文件中通过 CDN 引入 React:

react如何下载

<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>

生产环境建议替换为 production.min.js 以优化性能。

使用 Vite 创建 React 项目

若追求更快的构建速度,可以使用 Vite 初始化 React 项目:

react如何下载

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

进入项目目录后安装依赖并启动:

cd my-react-app
npm install
npm run dev

验证安装

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

cd my-app
npm start

浏览器访问 http://localhost:3000,若看到 React 徽标页面即表示安装成功。

注意事项

  • 全局安装 create-react-app 已不再推荐,直接使用 npx 可确保使用最新版本。
  • 如需 TypeScript 支持,在创建项目时添加 --template typescript 参数。
  • 更新 React 版本可通过修改 package.json 中的依赖版本后重新运行 npm install

分享给朋友:

相关文章

如何生成react代码

如何生成react代码

使用 Create React App 生成项目 安装 Node.js 后,通过命令行工具运行以下命令创建新项目: npx create-react-app my-app cd my-app npm…

如何react页面

如何react页面

创建 React 页面 使用 create-react-app 快速初始化项目: npx create-react-app my-app cd my-app npm start 基础页面结构 在 s…

如何创建react

如何创建react

创建React项目的步骤 使用Create React App工具快速搭建React项目。确保已安装Node.js(版本需≥14.0.0)和npm(版本需≥5.6)。 打开终端或命令行工具,运行以下…

如何用react

如何用react

使用React的基本步骤 安装Node.js和npm 确保系统已安装Node.js和npm。Node.js自带npm,可从官网下载安装包。安装完成后,通过命令行验证版本: node -v npm -…

react如何扩展

react如何扩展

扩展 React 项目的常用方法 使用高阶组件(HOC) 高阶组件是一种复用组件逻辑的方式。通过包裹组件并注入额外属性或逻辑,可以实现功能扩展。例如,一个日志记录的高阶组件: function…

如何搭建react项目

如何搭建react项目

使用 Create React App 搭建项目 Create React App (CRA) 是官方推荐的快速搭建 React 项目的工具,无需配置构建工具(如 Webpack 或 Babel)。…