如何安装react
安装React的方法
方法一：使用Create React App（官方推荐）
Create React App是官方提供的脚手架工具，适合快速搭建React项目。确保已安装Node.js（建议版本≥14.0.0），然后在终端运行以下命令：
npx create-react-app my-app
cd my-app
npm start此命令会生成一个完整的React项目结构，并自动启动开发服务器。
方法二：通过CDN引入（适合简单场景）
若只需在HTML文件中快速测试React，可直接通过CDN引入。在HTML的<head>中添加以下代码：
<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>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>注意：此方式不适合生产环境，仅用于学习或原型开发。
方法三：手动配置Webpack和Babel
适用于需要自定义构建流程的项目。步骤如下：
- 初始化项目并安装依赖：
npm init -y npm install react react-dom npm install --save-dev webpack webpack-cli babel-loader @babel/core @babel/preset-env @babel/preset-react - 创建
webpack.config.js配置文件，设置入口文件和Babel转译规则。 - 在
package.json中添加构建脚本："scripts": { "build": "webpack --mode production" }
方法四：使用Vite（高性能替代方案）
Vite提供更快的开发服务器启动速度。安装命令：
npm create vite@latest my-react-app --template react
cd my-react-app
npm install
npm run dev验证安装
无论采用哪种方法，创建App.js文件并写入以下代码测试是否成功：
import React from 'react';
function App() {
return <h1>Hello React!</h1>;
}
export default App;运行开发服务器后，浏览器访问http://localhost:3000应显示“Hello React!”。
