react如何npm如何安装

React 安装步骤

确保系统已安装 Node.js（建议版本 16 或更高），可通过以下命令检查版本：

node -v
npm -v

通过 create-react-app 快速创建 React 项目（官方推荐方式）：

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

手动安装配置

初始化项目并安装核心依赖：

npm init -y
npm install react react-dom

配置 Babel 和 Webpack（需额外安装）：

npm install --save-dev @babel/core @babel/preset-env @babel/preset-react webpack webpack-cli webpack-dev-server babel-loader css-loader style-loader html-webpack-plugin

创建 webpack.config.js 文件并配置基础编译规则，具体配置可参考 Webpack 官方文档。

开发与构建

启动开发服务器：

npm start

生成生产环境构建：

npm run build

注意事项

• 使用 npx create-react-app 可自动处理 Babel、Webpack 等配置，适合新手。
• 手动配置适合需要深度定制的场景，但需自行处理依赖兼容性问题。
• 安装缓慢时可切换国内镜像源：

  npm config set registry https://registry.npmmirror.com