react项目如何本地使用

本地运行React项目的步骤

确保已安装Node.js（建议版本14+）和npm/yarn。可通过命令node -v和npm -v验证版本。

通过Create React App快速初始化项目：

npx create-react-app my-app

等待依赖安装完成后，进入项目目录：

cd my-app

启动开发服务器：

npm start

默认在浏览器打开http://localhost:3000，代码修改会自动热更新。

项目结构说明

• src/：核心代码目录，包含入口文件index.js和组件
• public/：静态资源如HTML模板和图片
• package.json：定义依赖项和脚本命令

常用开发命令

开发模式下运行：

npm start

生产环境构建：

npm run build

测试组件：

npm test

调试技巧

• 浏览器开发者工具中使用React DevTools插件
• 控制台输出结合console.log调试数据流
• 利用VS Code的调试配置附加到Chrome进程

依赖管理

添加新依赖库时：

npm install package-name

更新所有依赖：

npm update

环境变量配置

创建.env文件定义变量：

REACT_APP_API_URL=https://api.example.com

变量需以REACT_APP_前缀才能在代码中通过process.env访问。