react如何安装
安装 React
React 可以通过多种方式安装,最常见的是使用 create-react-app 或直接通过 CDN 引入。以下是几种常用的安装方法:
使用 create-react-app
create-react-app 是官方推荐的脚手架工具,适合快速创建 React 项目。
确保已安装 Node.js(版本 14 或更高)和 npm(或 yarn)。运行以下命令创建新项目:
npx create-react-app my-app
cd my-app
npm start
项目创建完成后,会自动启动开发服务器,默认在 http://localhost:3000 打开应用。

使用 Vite
Vite 是一个现代前端构建工具,支持快速启动 React 项目。
运行以下命令创建 React 项目:

npm create vite@latest my-react-app --template react
cd my-react-app
npm install
npm run dev
通过 CDN 引入
如果不需要构建工具,可以直接在 HTML 文件中通过 CDN 引入 React。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>React CDN Example</title>
<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
function App() {
return <h1>Hello, React!</h1>;
}
ReactDOM.render(<App />, document.getElementById('root'));
</script>
</body>
</html>
使用 npm 或 yarn 安装
如果已有项目需要集成 React,可以通过 npm 或 yarn 安装。
npm install react react-dom
或
yarn add react react-dom
安装完成后,在项目中引入 React 即可开始开发。






