看懂 AI 回复里的工程黑话
组件、状态、接口、构建、部署……看懂 AI 改完代码后的汇报，出问题时也知道该给它哪些信息。
AI 改完代码，常会回一段「新建了一个组件，通过 props 传入数据，用 useState 管理状态」。这些词不用会写，但要能看懂，才能判断它改得对不对。
代码是怎么组织的
- 前端框架：React、Vue 这类基础设施，规定组件怎么写、数据变了页面怎么更新。
- 组件：页面拆成的一块块积木，比如一个按钮、一张卡片、一整个表格。
- Props 属性：父组件传给子组件的数据，子组件只读不改。
- 状态：组件自己记住、会随操作变化的数据，比如弹窗开没开，一变页面就跟着更新。
- Hooks：React 里以 use 开头的函数，比如 useState，用来给组件加上状态等能力。
- 组件库：别人做好的一整套按钮、表单、弹窗，安装后直接用。
- TypeScript：带类型标注的 JavaScript，报「类型错误」多半是数据格式和声明对不上。
页面和数据
- 路由：决定哪个网址显示哪个页面。单页应用切换页面不整页刷新，靠的就是它。
- 接口：前端向后端要数据、交数据的入口，规定了地址、参数和返回格式。
- JSON：接口返回数据最常用的格式，花括号加键值对。
- 跨域：浏览器默认只允许请求同源地址，请求别的域名或端口要对方服务器允许，否则会报跨域错误。
项目怎么跑起来
- 包管理器：npm、pnpm、yarn，负责安装依赖，「先运行 install」说的就是它。
- 开发服务器：在本地预览项目，用 localhost 加端口号访问；配合热更新，保存代码后页面立即变化。
- 构建把源码打包成浏览器能直接运行的文件，部署把构建产物放到服务器上，让别人通过网址访问。
- 环境变量：接口地址、密钥这类配置放在代码之外，按环境取不同的值。
出问题时
按 F12 打开开发者工具，把 Console 里的红字报错、Network 里失败的请求原样复制给 AI，比说「页面坏了」有用得多。每做完一个能用的版本就用 Git 提交一次，改坏了随时能回去。
表格是空的，下面是 Console 的报错原文和 Network 里这个接口的返回内容。请先分析原因、说明打算改哪些文件，我确认后再动手。