当前位置:首页 > React

如何下载react

2026-03-30 15:19:12React

安装 React 的几种方法

通过 Create React App 安装

Create React App 是官方推荐的快速搭建 React 项目的方式,适合初学者和大多数项目。

确保已安装 Node.js(版本 14 或更高)和 npm/yarn。

打开终端或命令行工具,运行以下命令创建新项目:

npx create-react-app my-app

进入项目目录:

cd my-app

启动开发服务器:

npm start

通过 CDN 引入

适用于快速尝试 React 或小型项目,直接在 HTML 文件中添加以下脚本:

如何下载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>

手动安装

适用于需要自定义配置的项目。

初始化项目:

npm init -y

安装 React 和 React DOM:

npm install react react-dom

配置 Babel 和 Webpack(需额外步骤)。

如何下载react

使用 Vite

Vite 是更快的现代构建工具,适合需要快速开发体验的项目。

创建 Vite React 项目:

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

进入项目目录并安装依赖:

cd my-react-app
npm install

启动开发服务器:

npm run dev

注意事项

  • 使用 Create React App 或 Vite 时,会自动配置 Babel 和 Webpack。
  • 通过 CDN 引入的方式不适合生产环境。
  • 手动安装需要额外配置构建工具,适合有经验的开发者。

分享给朋友:

相关文章

如何优化react

如何优化react

优化 React 性能的方法 使用 React.memo 或 PureComponent 对于函数组件,使用 React.memo 进行记忆化,避免不必要的重新渲染。类组件可以使用 PureCompo…

react如何运行

react如何运行

运行React项目的步骤 安装Node.js 确保系统已安装Node.js(建议版本12以上),可从官网下载并安装。Node.js自带npm包管理器,用于后续依赖安装。 创建React项目 使用官方…

react如何浮动

react如何浮动

使用 CSS 实现浮动 在 React 中实现浮动效果可以通过 CSS 的 float 属性完成。在组件的样式文件或内联样式中直接设置 float: left 或 float: right。 /…

react如何开发

react如何开发

React 开发基础步骤 安装 Node.js 和 npm/yarn 确保系统已安装 Node.js(包含 npm)或 Yarn。React 项目依赖这些工具管理包和运行脚本。官方推荐使用 Node.…

react如何清理

react如何清理

清理 React 项目的方法 清理未使用的依赖项 运行 npm prune 或 yarn install --production 可以移除 node_modules 中未在 package.json…

react如何建项目

react如何建项目

创建React项目的几种方法 使用官方工具Create React App(CRA) npx create-react-app my-app 这条命令会创建一个名为my-app的新React项目,包含…