运行react如何配置
安装 Node.js 和 npm
确保系统已安装 Node.js(建议使用 LTS 版本),npm 会随 Node.js 自动安装。可通过以下命令验证安装:
node -v
npm -v
创建 React 项目
使用官方工具 create-react-app 快速初始化项目:
npx create-react-app my-app
cd my-app
项目结构说明
生成的项目目录包含核心文件:
src/index.js:应用入口文件src/App.js:主组件文件public/index.html:HTML 模板package.json:依赖和脚本配置
启动开发服务器
运行以下命令启动本地开发环境:

npm start
默认在 http://localhost:3000 自动打开浏览器。
安装必要依赖
根据需要添加常用库(示例):
npm install axios react-router-dom
配置自定义设置
修改 package.json 可调整项目配置,例如:

"scripts": {
"build": "react-scripts build",
"test": "react-scripts test"
}
生产环境构建
生成优化后的生产版本:
npm run build
构建结果位于 build 文件夹。
可选配置覆盖
如需自定义 Webpack 配置,可通过以下方式:
- 执行
npm run eject(不可逆操作) - 或使用
react-app-rewired等第三方工具覆盖配置






