前言
VibeCoding,听起来很酷吧?其实它是一种由AI引领的编程新方式,开发者只需用自然语言描述自己的需求,接下来就交给AI去完成代码的开发、调试和运行。这一概念是由OpenAI的联合创始人Andrej Karpathy在2025年提出的,强调了一种“对话驱动”的开发模式。
VibeCoding的出现真的让编程变得简单多了,甚至普通人也能通过自然语言来开发网站和APP。虽然AI能够生成很不错的前端和后端代码,但由于它不能真实感知应用的后端环境(比如数据库结构、连接方式等),有时在处理全栈应用时就显得有些力不从心。
这时候,PolarDB Supabase就派上用场了。作为一个通用的后端即服务(BaaS),它通过提供MCP Server,有效地解决了前后端之间的隔阂,把完整、实时的后端信息传递给AI。这样一来,就形成了一个高效的全栈加速模式,极大提升了AI在全栈应用开发中的表现。

本文的目的是教大家如何利用Qoder和PolarDB Supabase来实现全栈VibeCoding,从而提升AI在全栈应用开发方面的能力。
环境准备
- 第一步:准备PolarDB Supabase作为应用后端服务: AI应用(Supabase版)_云原生数据库 PolarDB(PolarDB)-阿里云帮助中心
- 第二步:下载Qoder: Qoder – The Agentic Coding Platform
- 第三步:下载PolarDB Supabase MCP Server代码: https://github.com/ApsaraDB/PolarDB-Supabase-MCP-Server/blob/main/POLARDB_README.md
- 第四步:将PolarDB Supabase MCP Server配置到Qoder
配置路径为: Qoder -> 首选项 -> Qoder 设置 -> MCP 服务

在这里,点击“添加”按钮将MCP Server添加进去,配置示例如下:
{
"mcpServers": {
"polardb-supabase": {
"command": "node",
"args": [
"~/supabase-mcp/packages/mcp-server-supabase/dist/transports/stdio.js",
"--api-url",
"http://x.x.x.x:8000",
"--service-role-key",
"xxxxx",
"--anon-key",
"xxxxx",
"--dashboard-username",
"xxxxx",
"--dashboard-password",
"xxxxx",
"--project-ref",
"default"
]
}
}
}
其中:
supabase-mcp/packages/mcp-server-supabase/dist/transports/stdio.js是MCP Server的代码地址api-url是Supabase的公网地址,可以在PolarDB Supabase实例拓扑图页面找到,如下图所示

service-role-key、anon-key、dashboard-username、dashboard-password的信息可以在PolarDB Supabase实例配置页找到:

全栈VibeCoding示例
环境准备好后,你就可以在Qoder里直接输入提示词,开始编写你的应用了。
比如,你可以输入这样的提示词: `帮我实现一个todo list应用,基于react + Supabase,不需要登录和权限控制`

一旦输入提示词,Qoder就会开始为你编写前后端的代码,同时调用MCP获取Supabase的上下文,初始化表结构。你可以根据实际需求进行多轮的提示词交互,直到最终的功能和需求都满意为止。最终效果示例:


完整的示例视频见:












使用自然语言编程,简直是懒人的福音!有些人真的会懒得动手吗?
感觉用自然语言编程真的能提高效率,值得一试!
建议在开始之前,先对PolarDB Supabase的功能有个全面了解,避免配置时遇到问题。
用自然语言编程真的是懒人的福音,感觉越来越多的技术都在朝着简化的方向发展,未来会更轻松吗?
设置PolarDB Supabase时,确保网络连接正常,避免配置过程中的尴尬。
配置PolarDB Supabase的时候,有没有什么常见的坑需要注意?
VibeCoding的出现会不会影响传统编程教育?未来的程序员需要掌握什么技能呢?
VibeCoding听起来很神奇,真的能让普通人轻松上手编程吗?
VibeCoding的想法让我想起了以前的编程学习,希望不会让新手们觉得编程是个轻松的事。
VibeCoding的理念让我想起了小时候学编程的乐趣,希望这能吸引更多人加入编程的行列!