_前端react如何安装

安装React的步骤

使用Create React App（官方推荐）

确保系统已安装Node.js（版本建议12.0以上）。通过以下命令全局安装Create React App工具：

npx create-react-app my-app

my-app为项目名称，安装完成后进入项目目录并启动开发服务器：

cd my-app
npm start

手动配置Webpack和Babel

适合需要自定义构建流程的场景。初始化项目并安装核心依赖：

npm init -y
npm install react react-dom

安装开发依赖（Webpack、Babel等）：

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

创建webpack.config.js配置文件并设置Babel转译规则。

通过CDN引入（快速原型开发）

在HTML文件中直接引入React和ReactDOM的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提供更快的开发体验。通过以下命令创建React项目：

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

进入项目目录并安装依赖后启动：

cd my-react-app
npm install
npm run dev

注意事项

• 确保网络畅通以避免依赖安装失败。
• 检查Node.js和npm版本兼容性。
• 大型项目建议采用TypeScript模板（如create-react-app my-app --template typescript）。