AI 引擎、终端基建与 Git 时空魔法
【IDE】 集成开发环境，你写代码和指挥AI的软件主阵地（如Cursor）。 【Terminal / 终端】 敲击命令行与电脑底层直接对话的黑框。 【Console / 控制台】 看系统输出日志和报错信息的地方。 【CLI】 命令行界面，纯靠键盘敲字不点鼠标的硬核操作流。 【GUI】 图形用户界面，能用鼠标点点点的可视化窗口。 【Prompt】 提示词，你用来指使大模型干活的自然语言指令。 【Context / 上下文】 大模型当前能记住和理解的项目背景信息。 【Token】 大模型计费和处理文字的最小单位，约等于半个英文单词。 【LLM】 大语言模型，Vibe Coding 里的虚拟架构师。 【RAG】 检索增强生成，让AI从你的本地文档里找答案再输出。 【Hallucination / 幻觉】 AI一本正经地胡说八道、捏造不存在的代码包。 【Localhost】 本机服务器地址，你的私人断网测试自留地。 【Port / 端口】 网络通信的门牌号，比如 localhost:3000。 【Path / 路径】 文件存在哪里的地址。 【Root / 根目录】 项目文件夹的最顶层、老家。 【Directory】 目录，极客嘴里文件夹的高级叫法。 【Extension】 扩展名（如.ts）或编辑器里安装的增强插件。 【Script / 脚本】 一段按顺序自动执行的轻量级代码。 【Env / 环境变量】 .env文件，专门存放密码和API Key等绝对不能公开的机密。 【Markdown / MD】 程序员最爱的极简排版标记语言。 【JSON】 前后端传数据最常用的格式，满屏的花括号和键值对。 【YAML】 靠缩进控制层级的配置文件格式，极简不写括号。 【XML】 古老且啰嗦的标签式数据格式。 【CSV】 用逗号分隔数据的纯文本表格。 【Base64】 把图片或文件变成一长串恶心字符的编码方式。 【UTF-8】 最通用的字符编码，拯救乱码的真神。 【ASCII】 最基础的英文字符编码标准。 【Hex】 十六进制，常用来表示颜色值（如#FFFFFF）。 【Dependencies】 项目上线必须依赖的第三方代码包。 【DevDependencies】 只有在你开发阶段才需要的辅助代码包。 【npm / yarn / pnpm】 三大包管理器，帮你自动下载和安装代码包的工具。 【package.json】 记录项目名字、版本和用了哪些包的大管家账本。 【Node_modules】 存放所有下载包的文件夹，体积堪比黑洞。 【Git】 全宇宙最流行的分布式版本控制工具。 【Repo / 仓库】 存放你代码和所有Git历史记录的根据地。 【Commit / 提交】 给当前代码拍个快照，存个档。 【Push / 推送】 把本地的存档上传到云端服务器（如GitHub）。 【Pull / 拉取】 把云端最新的代码拉到本地并合并。 【Fetch】 只把云端变动拉下来看一眼，先不合并。 【Merge / 合并】 把两条分支的代码融合在一起。 【Branch / 分支】 在主线上切出一条平行宇宙，用来安全地搞新功能。 【Main / Master】 主分支，绝对不能随便乱动、用于上线的生产级代码。 【Origin】 默认的远程云端仓库的名字。 【Upstream】 上游仓库，如果你Fork了别人的项目，别人的原库就是Upstream。 【Clone / 克隆】 把云端仓库一比一完整下载到本地。 【Fork】 在云端把别人的开源项目复制一份变成自己的。 【PR / Pull Request】 请求把你的代码合并进别人主仓库的仪式。 【MR / Merge Request】 GitLab 里的叫法，跟 PR 是一回事。 【Issue】 提Bug、提建议的工单讨论区。 【Tag / 标签】 给某个关键的 Commit 打上版本号（如 v1.0.0）。 【Release】 正式发布的版本包。 【Conflict / 冲突】 你和AI同时改了同一行代码，系统懵逼，必须手动留一行。 【Stash / 暂存】 代码写一半不想Commit，先塞进临时抽屉里藏起来。 【Rebase / 变基】 把你的分支起点强行移到最新的主线上，让提交历史变一条直线。 【Log】 查看过去所有的 Commit 历史记录。 【Diff】 对比两份代码到底改了哪几个字母的差异界面。 【Blame】 查看这行烂代码到底是哪天哪个历史记录写进去的“甩锅”指令。 【.gitignore】 写在里面的文件，Git会当做没看见，绝对不上传。 【SSH】 安全外壳协议，最常用于免密登录服务器。 【Key / 密钥】 分为公钥和私钥，证明“你是你”的加密字符串。 【Comment / 注释】 代码里写给人类看的解释，机器会自动无视。 【Space vs Tab】 用空格还是Tab对齐代码，程序员永恒的圣战。 【Lint / Linter】 代码洁癖检查器，少个分号都给你标红。 【Prettier】 自动帮你把丑陋代码排版整齐的格式化工具。 【Regex / 正则表达式】 火星文一样的字符串匹配规则。 【Boilerplate】 开箱即用的代码模板底座，省去配置环境的麻烦。
- 遇到AI说“请在终端执行”，直接找编辑器底部的终端面板粘贴回车。
- Vibe Coding 中一旦遇到不符合直觉的修改，果断利用 Git Rollback 退回安全线。
前端玄学、组件树与 TypeScript 泥潭
【Frontend / 前端】 用户肉眼能看到的网页界面和交互逻辑。 【HTML】 网页的骨架和标签定义。 【CSS】 网页的衣服和化妆品，管颜色和排版。 【JS / JavaScript】 网页的肌肉和神经，管动态交互和逻辑。 【TS / TypeScript】 微软搞的强类型JS，给变量定死规矩，报错极度严苛。 【DOM】 文档对象模型，浏览器把HTML解析成的树状结构。 【BOM】 浏览器对象模型，管窗口大小、历史记录等浏览器自带能力。 【Window】 浏览器里最大的全局对象。 【Document】 代表当前整个网页文档的对象。 【Element / 元素】 页面上的一个具体标签（如一个按钮）。 【Node / 节点】 DOM树上的每一个连接点，比Element范围更广。 【Event / 事件】 用户的点击、滑动或键盘敲击动作。 【Listener / 监听器】 蹲在暗处等待事件发生并触发响应代码的哨兵。 【Callback / 回调函数】 这顿饭吃完再叫我洗碗，洗碗就是回调。 【Promise】 对未来会完成的事情的承诺，解决回调地狱的神器。 【Async / 异步】 不堵车，这行代码在等网速时，下一行代码继续跑。 【Await】 必须等这个异步动作干完，拿到结果了再往下走。 【Fetch】 浏览器原生自带的向后端要数据的工具。 【Axios】 最普遍的第三方网络请求包，比Fetch更好用。 【XHR】 老一辈的AJAX网络请求对象，现在快绝迹了。 【RESTful】 最老牌的API设计风格，靠不同的网址和动词来操作数据。 【GraphQL】 前端需要什么字段就只查什么字段的高级API玩法。 【String】 字符串，纯文本数据。 【Number】 数字，能拿来做加减乘除的。 【Boolean】 布尔值，非真（true）即假（false）。 【Null】 明确表示这里是“空”的。 【Undefined】 还没定义，不知道是个啥。 【Array / 数组】 一串排好队的数据集合。 【Object / 对象】 一坨用键值对绑在一起的数据（如 {name: "Tom"}）。 【Class / 类】 批量制造对象的模具图纸。 【Any】 TS里的万能类型，用多了TS就丧失了类型保护。 【Void】 函数执行完了，但什么数据都不返回。 【Interface / 接口】 TS里定义对象长什么样的契约规范。 【Type / 类型】 给数据结构起个别名，和Interface类似。 【Generic / 泛型】 像变量一样的类型，用尖括号包裹，极其烧脑。 【React】 目前制霸前端的 UI 构建库。 【Vue】 国内极受欢迎的轻量级前端框架。 【Svelte】 没虚拟DOM、编译后体积极小的新锐前端框架。 【Component / 组件】 把网页拆成一个个独立的拼图块（如导航条）。 【Props】 父组件传给子组件的参数，只读不能改。 【State / 状态】 组件内部自己管理的、一变页面就跟着刷新的数据。 【Hook / 钩子】 React里用来挂载状态和生命周期的魔法钩子（如useState）。 【Effect】 处理那些和渲染界面无关的副作用（如去后端拉数据）。 【Memo】 记住上次的计算结果，页面不乱刷新的性能优化手段。 【Ref】 强行获取DOM元素真实物理指针的后门。 【Context】 越过层层组件，直接把数据广播给底层子组件的喇叭。 【Redux / Zustand】 管理整个网站庞大复杂状态的终极仓库。 【Router / 路由】 控制你点哪个链接网址就跳到哪个页面的调度员。 【SPA / 单页应用】 整个网站其实就一个网页，点链接不白屏，直接局部换内容。 【SSR / 服务端渲染】 服务器把网页画好再塞给浏览器，对SEO极度友好。 【SSG / 静态生成】 打包时就生成好全部静态网页，访问速度如火箭。 【CSR / 客户端渲染】 浏览器拿到一堆空壳JS，自己费劲在本地画网页。 【Hydration / 注水】 让死气沉沉的静态HTML变活、能响应点击的激活过程。 【Tailwind】 只写各种类名就能搞定排版的极速原子化 CSS 框架。 【Sass / Less】 给原生 CSS 加上变量和嵌套逻辑的高级语言。 【Webpack】 老牌的把成百上千个代码文件打包成一坨的巨无霸工具。 【Vite】 现在最火、冷启动快到离谱的新一代前端构建工具。 【Babel】 把最新的高级JS语法翻译成老浏览器也能看懂的工具。 【Package】 别人写好供你直接调用的功能包。 【Module / 模块】 一个独立的代码文件，干一件特定的事。 【Import】 把别人的模块导进我的文件里用。 【Export】 把我的模块暴露出去给别人用。 【Default】 模块的默认导出项。 【Catch Block】 捕获异常报错的防坠网，防止整个程序崩溃。 【Console.log】 前端最朴实无华的打印变量大法。 【Debugger】 代码里写这个词，运行到这浏览器就会强行暂停。 【Breakpoint / 断点】 在调试工具里点个红点，程序跑到这停住供你偷窥。 【Network Tab / 网络面板】 按F12后查看所有抓包请求的神器。 【Payload / 载荷】 你发给后端请求里真正携带的数据肉体。 【Response】 后端回传给你的响应包。 【Request】 你发出去的请求动作。
- 遇到前端页面白屏，第一反应永远是按 F12 并在控制台中查找红色 Error。
- TS 报错可能不会影响逻辑运行，在 Vibe Coding 初期不必为完美的类型体操过度消耗精力。
后端黑盒、数据库拓扑与运维玄学
【Backend / 后端】 藏在服务器里，管业务逻辑、算数据和存数据的幕后黑手。 【Server / 服务端】 永不关机、专门给人提供网络服务的电脑。 【Client / 客户端】 用户的手机或浏览器，负责向服务端提需求。 【Node.js】 让 JavaScript 脱离浏览器，跑到服务器上干活的运行环境。 【Deno / Bun】 Node.js的挑战者，主打安全和极速的新运行环境。 【Express】 Node.js界最老牌、最极简的后端路由框架。 【NestJS】 模仿Java规范的、适合写企业级大型架构的后端框架。 【Django】 Python界大而全的重型Web开发框架。 【Spring】 Java界的绝对统治者，传统大厂标配。 【API】 应用程序接口，前后端对接的合同和插口。 【Endpoint / 端点】 API的具体访问网址（如 /api/getUser）。 【Route / 路由】 后端收到网址后，决定派哪段代码去处理的分配员。 【Middleware / 中间件】 请求在到达核心逻辑前，必须穿过的安检门（如查Token）。 【Controller / 控制器】 接客的，负责拿参数并返回最终结果。 【Service / 服务层】 真正在干脏活累活、算核心业务逻辑的代码。 【Model / 模型层】 负责和数据库打交道的数据结构定义。 【ORM】 把难懂的SQL语句翻译成好写的对象代码的魔法工具。 【Prisma】 现在 Node.js 和 TS 界最受宠的极简 ORM 库。 【Sequelize】 老一辈的 Node.js 关系型 ORM 库。 【SQL】 结构化查询语言，查关系型数据库的通用老话。 【NoSQL】 非关系型数据库，不守规矩、灵活存文档的异类。 【MySQL / PostgreSQL】 最普及的两种开源免费关系型数据库。 【SQLite】 直接存成一个单文件的超轻量级数据库。 【MongoDB】 最著名的存 JSON 文档格式的 NoSQL 数据库。 【Redis】 把数据存在内存里、读写快到飞起的缓存数据库。 【Table / 表】 关系型数据库里存同类数据的网格电子表格。 【Row / 行】 表里面具体的一条完整数据记录。 【Column / 列】 表里面的一个属性字段（比如“年龄”）。 【Record / 记录】 就是数据库里的一行数据。 【Field / 字段】 具体的某一个数据坑位。 【PK / 主键】 证明这条数据独一无二的绝对身份证号（如 UUID）。 【FK / 外键】 和别的表建立关联关系的纽带。 【Index / 索引】 给数据库建的目录，让查询速度飙升，但会占空间。 【Query / 查询】 向数据库发出的只读命令。 【Mutation】 修改、增加或删除数据库内容的破坏性动作。 【Transaction / 事务】 几个动作绑定在一起，要么全成功，要么全失败回滚。 【Migration / 迁移】 改了数据库表结构，用代码同步真实数据库的极危操作。 【Cache / 缓存】 把常用的数据放在离用户最近的地方，省得每次去老家拿。 【Session】 把用户的登录状态记录在服务器这边的账本上。 【Cookie】 服务器悄悄塞在用户浏览器里的小纸条，每次访问都带着。 【Token / 令牌】 无状态的通行证，服务器看证不查账。 【JWT】 包含加密用户信息的流行 Token 标准。 【Auth / 鉴权与授权】 登录验证“你是谁”和判断“你能干嘛”。 【OAuth】 用微信或谷歌账号一键登录第三方网站的安全协议。 【CORS / 跨域】 前后端不在同一个域名下，浏览器为了安全强制拦截的恶心机制。 【HTTP / HTTPS】 网页传输的底层协议，加了S就是加了密防窃听的。 【TCP / UDP】 底层的网络传输协议，前者保证送达，后者只管扔不管死活。 【IP】 每台联网设备在网上的唯一数字坐标地址。 【DNS】 把人类能看懂的域名翻译成无聊IP地址的导航局。 【Domain / 域名】 你在浏览器敲的网址。 【URL / URI】 网页的绝对统一资源定位符。 【SSL / TLS】 给网站加把锁、让网址变绿的加密证书体系。 【Deploy / 部署】 把本地代码搬到云服务器上向全世界开放。 【Build / 构建】 把程序员写的高级代码压缩翻译成极其精简的机器代码。 【CI/CD】 每次提交代码就能自动触发测试和部署的工业级流水线。 【Pipeline / 流水线】 自动化任务按照步骤一个一个执行的通道。 【Docker】 把代码和它的运行环境死死打包在一起的集装箱。 【Container / 容器】 跑起来的 Docker 集装箱，不受外界宿主机环境干扰。 【Image / 镜像】 用来批量刻录 Docker 容器的原始安装光盘。 【Volume / 数据卷】 容器毁了数据不毁，专门外挂用来存持久化数据的盘。 【K8s / Kubernetes】 谷歌出的、用来指挥调度成百上千个 Docker 集装箱的航母。 【Serverless】 无服务器架构，你只管丢代码上去，平台按访问量收费，没访问不收钱。 【Vercel】 前端界最爱的一键发布静态网站和 Serverless 接口的封神平台。 【AWS / 阿里云】 卖云服务器和底层网络基建的全球巨头房东。 【Nginx】 挡在真实服务器前面、负责分发流量的高性能保安大叔。 【Proxy / 反向代理】 用户以为他在跟网站聊天，其实他在跟保安大叔聊，保安再去传话。
- Docker 是赋予 Vibe Coding 超级个体“服务器搬家自由”的底层权力。
- 永远不要让 AI 直接对生产环境的数据库执行没有备份的 Migration。
PREVIOUS