简述如何搭建react环境
安装 Node.js 和 npm
确保系统已安装 Node.js(包含 npm)。可通过官网下载并安装最新版本。安装完成后,验证版本:
node -v
npm -v
使用 Create React App 初始化项目
Create React App 是官方推荐的脚手架工具,快速生成 React 项目结构:
npx create-react-app my-app
cd my-app
此命令会自动配置 Babel、Webpack 等工具。
启动开发服务器
进入项目目录后运行以下命令,启动本地开发环境:
npm start
默认在浏览器打开 http://localhost:3000 并实时热更新。
安装必要依赖(可选)
根据项目需求安装额外库,例如路由管理:
npm install react-router-dom
或状态管理工具:
npm install redux react-redux
配置 IDE 和扩展(可选)
推荐使用 VS Code 并安装以下扩展提升开发效率:
- ESLint:代码规范检查
- Prettier:代码格式化
- React Developer Tools:浏览器调试工具
生产环境构建
完成开发后,生成优化后的生产环境代码:
npm run build
构建结果位于 build 目录,可直接部署到服务器。







