当前位置:首页 > React

react如何下载

2026-03-30 17:18:52React

安装 React 的方法

通过 Create React App 安装
Create React App 是官方推荐的脚手架工具,适合快速搭建 React 项目。
运行以下命令创建新项目:

npx create-react-app my-app

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

cd my-app
npm start

通过 Vite 安装
Vite 是现代化的前端构建工具,速度更快。
使用以下命令创建 React 项目:

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

安装依赖并启动项目:

cd my-react-app
npm install
npm run dev

手动配置 Webpack
适合需要自定义构建配置的场景。
初始化项目并安装 React 核心库:

npm init -y
npm install react react-dom

安装 Webpack 和相关插件:

npm install webpack webpack-cli webpack-dev-server babel-loader @babel/preset-react --save-dev

配置 webpack.config.js 和 Babel 后即可运行。

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

注意:生产环境应替换为 production.min.js 版本。

版本管理建议
安装时可通过 @ 指定版本号,例如:

react如何下载

npx create-react-app@5 my-app  # 使用 CRA 第5版
npm install react@18.2.0       # 安装特定 React 版本

分享给朋友:

相关文章

react如何使用

react如何使用

React 的基本使用 React 是一个用于构建用户界面的 JavaScript 库,以下是一些核心概念和使用方法。 安装 React 通过 create-react-app 快速搭建 React…

react如何

react如何

React 基础概念 React 是一个用于构建用户界面的 JavaScript 库,专注于组件化开发。通过虚拟 DOM 和高效的渲染机制,React 能够实现高性能的 UI 更新。 安装 Re…

react中monent如何获取日期

react中monent如何获取日期

使用 Moment.js 获取当前日期 在 React 中通过 Moment.js 获取当前日期,可以直接调用 moment() 函数。它会返回包含当前日期和时间的 Moment 对象。 impor…

react如何重置

react如何重置

重置 React 应用的状态 使用 useState 钩子重新初始化状态变量是最直接的方法。将状态变量重置为初始值或空值即可完成重置。 const [count, setCount] = useSt…

react如何减少伤病

react如何减少伤病

减少React应用中的性能问题(避免"伤病") 优化React应用性能需要从组件渲染、状态管理和外部依赖等多方面入手。以下是关键优化策略: 使用React.memo进行组件记忆 对函数组件使用Rea…

react路由如何刷新

react路由如何刷新

React 路由刷新方法 在 React 中,路由刷新通常涉及以下几种场景和解决方案: 强制重新加载当前页面 使用 window.location.reload() 可以强制刷新整个页面,但会丢失…