npm如何搭建react环境

安装Node.js和npm

确保系统已安装Node.js（包含npm）。可在终端运行以下命令检查版本：

node -v
npm -v

若未安装，需从Node.js官网下载LTS版本并安装。

创建React项目

使用create-react-app脚手架快速初始化项目：

npx create-react-app my-react-app

my-react-app为项目名称，可自定义。此命令会自动安装React及其依赖项。

进入项目目录

项目创建完成后，切换到项目文件夹：

cd my-react-app

启动开发服务器

运行以下命令启动本地开发环境：

npm start

默认情况下，浏览器会自动打开http://localhost:3000并显示React欢迎页面。

安装常用依赖（可选）

根据需求安装额外库，例如路由管理：

npm install react-router-dom

或状态管理工具：

npm install redux react-redux

项目结构说明

• src/：存放源代码，包括组件、样式和逻辑。
• public/：包含静态文件如index.html。
• package.json：记录项目依赖和脚本命令。

构建生产环境

完成开发后，生成优化后的代码：

npm run build

构建结果会保存在build/文件夹中，可直接部署到服务器。

注意事项

• 全局安装create-react-app（不推荐）：

  npm install -g create-react-app

  但官方推荐直接使用npx避免版本冲突。

• 确保网络畅通，首次安装可能耗时较长。