_前端react如何安装

安装 React 的步骤

使用 Create React App（推荐）
Create React App 是官方推荐的脚手架工具，适用于快速搭建 React 项目。
运行以下命令创建新项目：

npx create-react-app my-app
cd my-app
npm start

项目会自动启动开发服务器，默认地址为 http://localhost:3000。

手动配置 Webpack 和 Babel
如果需要更灵活的配置，可以手动安装 React 及相关工具：

npm init -y
npm install react react-dom
npm install --save-dev webpack webpack-cli babel-loader @babel/core @babel/preset-react

创建 webpack.config.js 和 .babelrc 文件配置打包规则与 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>

适合快速原型开发，但不推荐用于生产环境。

使用 Vite 构建工具
Vite 提供更快的开发体验：

npm create vite@latest my-react-app --template react
cd my-react-app
npm install
npm run dev

Vite 的启动速度和热更新优于传统打包工具。

验证安装

无论采用哪种方式，在项目根目录创建 App.js 和 index.js 文件并渲染一个简单组件，确认页面正常显示即表示安装成功。