用Qoder+PolarDB Supabase打造你的全栈VibeCoding之旅！

前言

VibeCoding（氛围编程）其实是一种由人工智能操控的编程方式。开发者可以用自然语言来表达自己的需求，AI则会接手完成代码的编写、调试和部署。这个概念是由OpenAI的联合创始人Andrej Karpathy在2025年提出的，特别强调了“对话驱动”的开发理念。

VibeCoding有效地降低了编程的门槛，让那些并非专业程序员的人也能通过简单的语言交流来开发网站或APP。尽管AI能生成出相当完美的前端和后端代码，但由于它无法真正理解应用的后端环境（比如数据库结构和连接方式等），所以在开发全栈应用时，AI的表现往往不尽如人意。

你可能感兴趣：1小时搞定一款美食，轻松破解“今晚吃什么”的烦恼！

PolarDB Supabase作为一种通用的后端即服务（BaaS），通过提供 MCP Server 来弥补前后端之间的缺口，为AI提供了完整且实时的后端上下文。这就使得全栈开发变得更加高效，显著提升了AI在前后端一体化应用开发中的表现。

用Qoder+PolarDB Supabase打造你的全栈VibeCoding之旅！

本文的目的是告诉大家如何利用Qoder和PolarDB Supabase来实现全栈的VibeCoding，从而提升AI在开发前后端一体应用时的表现。

环境准备

第一步：准备PolarDB Supabase作为应用的后端服务，链接在这里：https://help.aliyun.com/zh/polardb/polardb-for-postgresql/ai-supabase-application/?spm=a2c4g.11186623.help-menu-2249963.d_6_13.1824248fiLdxuR&scm=20140722.H_2938181._.OR_help-T_cn~zh-V_1
第二步：下载Qoder，链接在这里：https://qoder.com/
第三步：下载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 服务

用Qoder+PolarDB Supabase打造你的全栈VibeCoding之旅！

点击“添加”按钮来添加MCP Server，以下是MCP服务的配置示例：

{  "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实例的配置页面找到：

用Qoder+PolarDB Supabase打造你的全栈VibeCoding之旅！