✏️ AI 术语图鉴

项目结构 · Project Structure

英文:project structure按单词直读

技术栈与工具难度:进阶 ★★

🗣️一句话大白话

一个项目的「房间布局」:页面放哪、接口放哪、配置在哪。看懂结构,你才知道「改 X 该去哪个文件」——AI 生成项目后的第一课就是认房间。

项目结构:每个文件夹的职责看懂房间布局,才知道「改 X 该去哪个文件」my-app/项目根目录app/页面 + 后端接口(Next.js 惯例)components/可复用组件按钮/卡片/弹窗lib/工具与数据层数据库、工具函数public/静态文件图片、图标配置文件package.json等规则文件💡 生成项目后第一句话:「画一个目录树,逐个解释每个文件夹的职责」之后所有新文件按这个结构放——「改错文件」是新手高频事故,结构清晰是解药
「项目结构」示意图

🎬真实场景

Next.js 项目的典型布局:app/ 放页面和接口、components/ 放复用组件、lib/ 放工具和数据层、public/ 放图片。AI 改错文件,常常是因为你没告诉它你的结构约定。

📮你可以这样说

「生成项目后,给我画一个目录树,逐个解释每个文件夹的职责。之后所有新文件都按这个结构放。」

⚠️边界与常见误解

  • 每个框架有自己的默认布局:跟框架惯例走,别硬发明结构
  • 文件命名要一致(全小写横杠或统一驼峰):混乱命名是项目腐化的开始
  • 「文件太多找不到」时先让 AI 解释结构,再动手

🔗相关术语