全部路线
开发术语完全攻克:26 张卡片终结 Vibe Coding 词典
免费 · 基础

开发术语完全攻克:26 张卡片终结 Vibe Coding 词典

从智能体到 SSL,一句比喻让你终生不再混淆

约 30 分钟12 步

完成后你将拥有

能用自己的话,配着比喻讲清氛围编程、智能体、MCP、DB、BYO、部署、DNS、SSL 等 26 个核心术语。

准备清单

  • VibeCampus 账号必需

    要领取答题奖励(Vibes 积分)需要登录。注册免费。

  • 最初的 15 分钟课程可选

    不是必需,但先看过一遍工作室界面再来,术语会记得快得多。

1

为什么要先拿下术语

新领域让人觉得难,一半原因不在内容,而在单词。“把我的 Supabase 用 BYO 直连”这句话,只要认识其中三个词,就变成“把我的数据仓库以我的名义连上”这种再普通不过的常识。

这门课的方式很简单。点开术语卡片,先看到一句比喻,下面再接定义和“为什么需要它”。别去死记,试着把比喻画进脑子里。每个板块都有小测,答错也不损失什么,读完解析反而记得更牢。

小贴士

读卡片时问问自己:“换成我家附近的店铺,这相当于什么?”换成自己比喻的术语,绝对忘不掉。

2

基础板块:撑起氛围编程的五个词

第一个板块是撑起整个平台的五个词:氛围编程、提示词、AI 模型、token、API。抓住这五个,“我写一句话为什么就能出来一个网站”的原理就整个通了。

把下面的卡片一张张点开看。五张卡能连成一句话:你写下提示词,经过 API 这个窗口,AI 模型以 token 为单位阅读和思考,然后做出成果。这就是氛围编程的全部。

出现这样就成功了

五张卡片全部打开后,如果上面那句一句话总结读起来很自然,这个板块就算通过。

术语卡片 · 点开查看

氛围编程 (Vibe Coding)

不自己下厨,而是向顶级主厨描述想要的味道,然后收菜的方式。

不再一行行敲代码,而是用语言向 AI 提出请求来制作软件的方式。想做的画面越清晰,结果越好。VibeCampus 工作室正是用这种方式做出网站、应用和游戏。

提示词 (prompt)

递给主厨的点单。比起“看着办,好吃就行”,写“中辣,面要筋道”更能拿到想吃的菜。

发给 AI 的请求文。写清为谁而做、需要什么、什么氛围,结果就越精准。在工作室输入框里写下的每一句话都是提示词,打磨它的技术重要到专门有一门课。

AI 模型 (model)

读点单并真正下厨的主厨本人。

真正思考并产出答案的 AI 大脑。Claude、GPT、Gemini 这些名字全是模型名,由哪个模型干活,决定了结果的质量和速度。工作室会按任务性质挑选合适的模型。

token

做菜用掉的食材量。点单越长越复杂,用的食材就越多。

AI 读写文字时计数的字块单位。AI 的工作量按 token 数计算,所以同样的内容,写得短而清晰更划算。只要有“放进去的文字越长,token 越多”这个感觉就够了。

API

厨房和大堂之间的下单窗口。客人不用进厨房,菜也会端出来。

程序之间交换数据和功能的标准窗口。你做的应用借用天气、地图、AI 等外部功能时,全都要经过 API。世界上的服务彼此牵手的方法就是它。

3

基础小测

下面哪一项对 token 的解释最准确?

4

制作板块:AI 干活方式的五个词

第二个板块回答的是“一句话怎么就能做出那么复杂的东西”,共五个词:智能体、编排、MCP、钩子、技能。它们是工作室构建进度条背后真实发生的那些事情的名字。

认识这些卡片后,工作室在你眼里就不再是魔术箱,而开始像一间安排妥当的工坊。看得见工坊的人,请求也会提得更好,因为知道该把什么拜托给哪里。

术语卡片 · 点开查看

智能体 (agent)

会说“做完了向您汇报”,然后自己行动的能干员工。

接到一次指示,就能自己制定计划、使用工具、检查结果、连续完成多个步骤的 AI。构建进度条转动期间,按设计写代码并顺手做检查的,正是智能体。它和简单问答型 AI 的决定性差别,就在“自己完成”这四个字。

编排 (orchestration)

把多位演奏者拧成一首曲子的指挥。

把各自擅长的活分给多个 AI 和工具,并协调好顺序。文字交给这个模型、图片交给那个模型、验证再交给另一个工具,角色分好,质量和稳定性会一起上升。工作室的一件成果里,也有多位演奏者参与。

MCP

什么设备插上都能通的 USB 式连接标准。

给 AI 连接外部工具和数据的标准规范(Model Context Protocol)。规范统一了,AI 就能安全地选用日历、DB、搜索等工具。它是连接方式而不是支付方式,这是最常见的误会点。

钩子 (hook)

像“门一开,铃就响”那样,在约定时刻自动执行的装置。

在特定事件发生的瞬间,自动执行预先定好的动作的连接环。每次保存就跑一遍检查、部署完成就发通知,这类自动化都靠钩子实现。它让系统在人忘记时也不会忘记。

技能 (skill)

厨师那叠经过验证的菜谱卡。拿出来就用,失败率骤降。

把 3D 演出、图表、视差滚动这类经过验证的技法打包起来的组件。可以在工作室的技能库里搜索并加进构建;就算不亲自挑选,系统也会自动挑出契合提示词的技能并组合。

注意

很多人把 MCP 误会成支付方式或套餐名。MCP 是和钱无关的连接规范,请在卡片里确认。

5

制作小测

MCP(Model Context Protocol)的真面目是什么?

6

数据板块:守住我的服务金库的五个词

第三个板块是关系到钱和数据的词:DB、Supabase、BYO、API 密钥、环境变量。要做出能接预约、能管会员的真正服务,这五个是必须迈过去的坎。

核心精神只有一条:你的服务产生的数据必须归你所有。这正是 VibeCampus 支持直连你自己的 Supabase(BYO)的原因,这个板块的卡片全都在解释这种精神。

术语卡片 · 点开查看

数据库 (DB)

分格整理好的大冰箱。放进去的东西,下次打开还原样在那里。

结构化保管顾客、预约、帖子等信息的仓库。屏幕上的内容一关一开就没了,但放进 DB 的数据会留下来。所有接预约、管会员的服务,心脏都在这里。

Supabase

连锁具和配送窗口都配齐、整套出租的成品仓库服务。

把登录、文件存储等附加功能和 DB 打包提供的服务。在 VibeCampus,可以把你自己的 Supabase 账号直接连进工作室,让你服务的数据从一开始就归你所有、由你管理。

BYO

带自己的酒去常去的餐厅。用的是自己的东西,内容和账单都归自己管。

Bring Your Own,带着自己的账号和密钥来连接的方式。数据和用量全都记在你名下,服务做大也不会被平台绑死,随时可以整体搬家。

API 密钥 (API key)

在下单窗口证明“是我本人”的会员卡。被别人刷了,账会记在我头上。

使用 API 时证明这个请求属于我的账号的秘密字符串。用量按这个密钥计算,所以要像密码一样对待,绝不能暴露在屏幕截图或公开代码里。

环境变量 (environment variable)

舞台后面的保险柜。演员只管在台上演戏,贵重品放进保险柜。

把 API 密钥这类秘密值放在代码之外单独保管的配置空间。分享或公开代码也不会泄密;服务环境变化时,代码不动,只换保险柜里的值就行。

注意

API 密钥等同于密码。截图、社区帖子、代码,任何地方都不能暴露。一旦泄露,原则就是弃用该密钥并重新签发。

7

数据小测

不把 API 密钥直接写进代码、而是放进环境变量,最大的理由是什么?

8

上线板块:把作品送进世界的六个词

第四个板块是把完成品拿到世上时会遇到的词:GitHub 与版本管理、部署、域名、DNS、SSL、托管。虽然是六张卡,其实是同一个故事:把我的代码安全保管,放上互联网,挂上招牌,再上一把锁,就是这个顺序。

这些词之后会在网站大师和上线课程里,以真实按钮的样子再见面。现在先用比喻抓住,到时候手就不会犹豫。

出现这样就成功了

六张卡都打开之后,试着用自己的话复述“我的网站开门迎客之前”的顺序。能按保管、开门、招牌、门锁接上,就算通过。

术语卡片 · 点开查看

GitHub · 版本管理

游戏的存档点。随时可以回到之前的存档。

记录代码变更历史(版本管理)并保管在线上的服务。出错也能回到昨天的代码;多人一起做时,还能防止彼此的工作互相搅乱。世界上大部分软件都住在这里。

部署 (deploy)

开店营业。把做好的东西向客人敞开的那一刻。

把完成的成果放上互联网,让任何人都能访问。在 VibeCampus 一次点击就能完成,部署后立刻得到可分享的地址。没部署的作品,还只是待在你工作间里的样品。

域名 (domain)

店铺招牌,也是印在名片上的地址。

人们访问你的网站时输入的名字(例如 mysite.com)。有一个好记的自有域名才能成为品牌。在 VibeCampus 的域名搜索里找到想要的名字,可以直接连接。

DNS

把招牌名换算成实际建筑位置的互联网电话簿。

把域名转换成服务器真实地址(IP)的系统。所谓连接域名,说到底就是在 DNS 里记上一笔“冲这个名字来的客人,请带到这台服务器”。这条记录扩散开来需要一点时间。

SSL

把信装进密封信封寄出。运送途中谁也读不了。

为网站和访客之间的通信加密的安全装置。地址栏的小锁表示 SSL 已开启;没有它,浏览器会警告不安全,访客会掉头就走。如今它不是选项,而是标配。

托管 (hosting)

店铺入驻的大楼,24 小时灯火不灭。

租用让你的网站昼夜运转的服务器空间。VibeCampus 在部署的同时连托管一起处理,不需要另买或另管服务器。你负责创作,大楼管理交给平台。

小贴士

把六张卡按开店顺序记:保管(GitHub)、开门(部署·托管)、招牌(域名·DNS)、门锁(SSL)。

注意

地址栏没有小锁(SSL)的网站,浏览器会弹出不安全警告。客人看到那个警告,大多会转身离开。在上线课程里部署时务必确认。

9

上线小测

下面哪一项最准确地说明了 DNS 做的事?

10

进阶板块:更深一层的五个词

最后一个板块,是弄懂之后就能整体看穿世上服务结构的词:前端、后端、SaaS、沙箱、嵌入。到这里,和开发者的对话就不再需要翻译了。

尤其是前端和后端的区分,会成为之后应用制作课程的骨架。只要记住“店铺的大堂与厨房”这一幅画:客人看到的地方,和活儿被处理的地方。

出现这样就成功了

五张卡都打开后,挑一个你常用的服务,试着分一分“大堂(前端)是这些,厨房(后端)是那些”。分得开,这个板块就通过了。

术语卡片 · 点开查看

前端 (frontend)

店里的装修和橱窗。客人看到、摸到的一切。

页面布局、按钮、颜色、文字这些呈现给用户的部分。“更高级一点,按钮大一点”这类要求打磨的正是这里,也是可以用点击编辑直接上手的区域。

后端 (backend)

厨房和仓库。客人看不见,但店靠这里运转。

数据存储、登录、支付这些在画面背后运转的处理。表单提交能真正被保存、登录能真正生效,都是因为有后端。要做数据鲜活的应用,它是必不可少的另一半。

SaaS

不买净水器而是租。安装、保养、换滤芯都交给别人。

无需安装、通过互联网订阅使用的软件(Software as a Service)。Notion、Netflix 是代表,你将来做出来卖的订阅制服务也是 SaaS。这是一种不是一锤子买卖、而是每月延续关系的商业模式。

沙箱 (sandbox)

孩子们只在里面玩的沙坑。外面不会被弄乱。

把代码放在与真实服务隔离的空间里试运行的安全装置。可信度核查之所以把代码放进 E2B 沙箱真的跑一遍,也是因为无论里面发生什么,都影响不到正式服务。

嵌入 (embed)

装裱好的画框,可以搬到任何一面墙上挂。

用几行代码把做好的成果嵌进其他网站或博客的方式。工作室的嵌入功能会生成复制粘贴即可的代码,你的作品也能直接登上正在运营的主页。

11

进阶小测

下面哪一项对沙箱(sandbox)的解释最准确?

12

结业:现在用游戏来巩固

26 张卡片全部翻完了。以后无论是工作室的设置界面、开发者的谈话,还是其他课程的正文,都不会再因为陌生单词而停下。术语不是知识,而是地图。有了地图,哪里都能去。

最后来一局巩固怎么样?点下方的“在工作室试试”按钮,挑战术语配对游戏吧。这是把今天学的单词两两配对的游戏,每天第一次通关还有 Vibes 积分奖励。背下的会忘,玩过的会留下。

动手试试

小贴士

游戏每天都可以再挑战。开始新课程之前来一局,术语就会转入长期记忆。

记住这些

  • 恭喜。氛围编程的 26 个基础词汇已经属于你了。现在“用 BYO 直连 Supabase”这样的句子,听起来会像家常话。
  • 术语不用就会重新变陌生。幸好在这个平台上你每天都会用到。每次在工作室构建、每次运行核查,今天的卡片都会以实物的样子再次出现。
  • 接下来推荐提示词的技术课程。带着今天学的单词,该学习怎么提升成果质量了。再遇到不认识的词,随时回到这门课来。卡片一直都在这里。
在工作室试试
课程新建作品