如何搭建react框架

安装 Node.js 和 npm

确保系统已安装 Node.js（包含 npm）。可以从 Node.js 官网 下载最新版本。安装完成后，通过以下命令验证版本：

node -v
npm -v

使用 Create React App 初始化项目

Create React App 是官方推荐的脚手架工具，快速生成 React 项目结构。运行以下命令创建项目：

npx create-react-app my-app
cd my-app

my-app 为项目名称，可自定义。

启动开发服务器

进入项目目录后，运行以下命令启动开发服务器：

npm start

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

项目结构说明

生成的项目包含以下核心文件：

• src/index.js：应用入口文件，渲染根组件。
• src/App.js：默认根组件，可修改或替换。
• public/index.html：HTML 模板，React 组件挂载点。

安装必要依赖（可选）

根据需求安装常用库，例如路由管理：

npm install react-router-dom

或状态管理库：

npm install redux react-redux

构建生产环境代码

完成开发后，运行以下命令生成优化后的生产环境代码：

npm run build

构建结果保存在 build 目录中，可直接部署到服务器。

配置自定义设置（可选）

如需修改 Webpack 或 Babel 配置，可通过以下命令暴露配置文件：

npm run eject

注意：此操作不可逆，仅在必要时使用。