喂饭级教程: 如何将VS Code打造成AI智能化数据库客户端(免费)

跟数据库打交道是程序员的日常, 在AI大时代下也出现了很多AI化的数据库管理工具,比如Chat2DB这种,但基本用着用着就开始收费了.今天给大家介绍如果把VS Code打造成一个AI加持的智能化数据库客户端. 编码和数据库管理都在一个终端下处理,无缝衔接不香吗?

插件及MCP服务介绍

如何安装VS Code这里就不赘述了,我们需要用到几个插件,直接在VS Code扩展中搜索安装: Database Client,Roo Code,GitHub Copilot.

有两种组合:Database Client+GitHub Copilot和Roo Code+mysql_mcp_server

在使用这些插件和服务搭建AI智能化数据库客户端之前，我们先来了解一下它们各自的特点和功能。

Database Client特点和功能

Visual Studio Code数据库客户端扩展（vscode – database – client）是一款强大的数据库管理工具，其特点和功能十分突出。

• • 支持多种数据库类型：涵盖MySQL/MariaDB、PostgreSQL、SQLite、Redis、ClickHouse、Kafka、MongoDB、Snowflake和ElasticSearch等。这使得开发者可以在一个工具中管理多种不同类型的数据库，无需在多个工具之间切换，极大提高了开发效率。
• • 具备数据库管理与SSH客户端功能：不仅可以对数据库进行常规的管理操作，还能充当SSH客户端，实现了功能的集成，进一步提升了开发者的生产力。
• • 高性能库支持：基于Node.js构建，运用了一系列高性能的库。例如使用sql – formatter进行SQL格式化，能保持代码的整洁，便于开发者阅读和维护；集成umy – ui提供美观的数据表格展示，让数据呈现更加清晰；采用ssh2库实现实时的SSH连接，确保连接的稳定性；依赖特定数据库系统的连接库（如node – mysql2、node – postgres等）保证了高效的数据库交互。
  

  

GitHub Copilot特点和功能

GitHub Copilot是GitHub携手OpenAI共同打造的一款革命性的人工智能代码辅助工具。

• • 智能代码建议和自动完成功能：基于大量公开源代码训练的深度学习模型，能够通过分析开发者输入的上下文和代码片段，提供智能的代码建议和自动完成功能。支持多种编程语言和框架，如Python、JavaScript、TypeScript、Java、C#、C++、Go、Ruby、PHP、HTML/CSS等。无论是简单的代码片段还是复杂的函数、类，Copilot都能根据上下文生成相应的代码，大大提高了编码效率。
• • 代码推理与生成：可以根据当前代码的上下文或开发者编辑的注释进行推理并生成相应的代码片段，包括函数、变量、类、测试代码、注释以及文档字符串等。开发者只需提供一些关键信息，Copilot就能生成完整的代码，减少了手动编写的工作量。
• • 即时帮助和指导：能回答开发者提出的问题，在编码过程中提供即时的帮助和指导，如代码解释、代码优化建议、代码Debug等。当开发者遇到问题时，无需查阅大量的文档或搜索网络，只需向Copilot提问，就能快速获得解决方案。
• • 免费计划与高级功能：现已推出免费计划，面向所有用户在VS Code中开放。免费计划提供每月2000次代码补全和50次聊天请求，支持GPT – 4o和Claude 3.5 Sonnet模型。若超出限制，可升级到Pro计划享受无限制服务并访问更多高级模型，满足不同开发者的需求。
  

  

Roo Code特点和功能

Roo Code是一款基于AI的编程助手插件，作为Cline的升级版，在功能灵活性和企业级支持上表现更优。

• • 多模型支持：支持多种大模型，如DeepSeek、OpenAI、Google Gemini等。开发者可以根据不同的场景需求灵活切换AI模型，以获得更符合需求的代码生成和建议。
• • 低代码开发：通过自然语言指令即可生成代码，减少了重复性的编码工作。开发者只需用自然语言描述需求，Roo Code就能生成相应的代码，大大提高了开发速度。
• • 与IDE深度集成：可直接在VSCode中完成代码编辑、调试和优化。开发者无需在不同的工具之间频繁切换，能够在熟悉的开发环境中高效地完成开发任务。
• • 文件与编辑器操作能力：能直接创建、编辑文件，并自动对语法错误或编译错误作出响应。这使得开发者在开发过程中能够及时发现和解决问题，提高了开发的质量。
• • 命令行集成：支持运行构建、测试等命令，并依据输出结果自动调整操作。这为开发者提供了更便捷的开发流程，减少了手动操作的繁琐。
• • 浏览器自动化：可启动本地或远程Web应用，执行自动化测试与调试任务。这有助于开发者快速发现和解决Web应用中的问题，提高了开发效率。
• • 自适应自治模式：用户能在手动、自动或混合模式中选择以控制其行为。开发者可以根据自己的习惯和需求选择合适的模式，提高了使用的灵活性。
• • MCP协议扩展：支持MCP协议扩展，可轻松添加新工具。这使得Roo Code能够不断扩展其功能，满足开发者日益增长的需求。
• • 上下文引用功能：可通过@file、@folder等方式迅速提供上下文信息，优化交互效率。开发者在开发过程中可以快速获取所需的上下文信息，提高了开发的准确性。
  

  

mysql_mcp_server特点和功能

mysql_mcp_server是模型上下文协议（MCP）的 MySQL 实现，主要用于提供 AI 应用与 MySQL 数据库之间的安全交互能力。

• • 安全交互与数据库探索分析：作为中间层，通过结构化接口使 AI 应用能够安全地进行数据库探索与分析。它不是独立服务器，而是 AI 应用与 MySQL 数据库之间的通信协议实现，确保了数据交互的安全性。
• • 数据库交互功能：可列出表资源、读取表内容、执行 SQL 查询。这使得 AI 应用能够方便地与 MySQL 数据库进行交互，获取所需的数据。
• • 安全机制：通过环境变量安全访问数据库，具备错误处理机制。这保证了数据库访问的安全性和稳定性，避免了因错误操作导致的数据泄露或系统故障。
• • 可扩展性：支持多种集成方式，如Claude Desktop、VS Code、Cursor等。这使得mysql_mcp_server能够与不同的工具和平台集成，提高了其适用性。
• • 日志记录：有完善的操作日志，便于审计和调试。开发者可以通过查看日志记录，了解数据库交互的详细情况，及时发现和解决问题。

利用扩展和MCP服务搭建AI智能化数据库客户端的操作步骤

在VSCode中配置一个AI智能化的数据库客户端，需要用到Database Client、Roo Code、Github Copilot扩展和mysql_mcp_serverMCP服务。以下是详细的搭建操作步骤及配置要点。

配置相关扩展和服务

配置Database Client

打开左侧数据库面板，点击添加按钮，选择数据库类型，输入连接配置，例如：

{
  "host": "localhost",
  "user": "root",
  "password": "yourpassword",
  "database": "yourdatabase"
}

点击连接按钮，即可完成数据库的连接。之后可进行执行SQL查询、数据表管理等操作。例如，点击数据库节点的“Open Query”按钮，打开新的SQL编辑器，编辑并执行SQL查询，如“SELECT * FROM your_table;”；点击数据库表可打开数据页，进行CRUD操作；点击表旁边的按钮可打开新的数据页，进行数据导出（Excel、JSON）等操作。还可使用snippets（如“sel”、“del”、“ins”、“upd”、“joi”）提高编写SQL的效率，使用快捷键“Ctrl + Enter”执行已选择的SQL，或“Ctrl + Shift + Enter”执行全部SQL。

配置GitHub Copilot

• • 在VS Code中，按“Ctrl + Shift + P”打开命令面板，输入“GitHub Copilot: Login”并按回车，按照提示登录GitHub账号并完成授权。
• • 可在VS Code的设置中选择GitHub Copilot的主题（亮色或暗色）以适应编码环境，了解GitHub Copilot的一些快捷键，例如使用“Cmd + Space”（Mac）或“Ctrl + Space”（Windows）来触发Copilot生成建议的代码，养成在代码中添加注释描述想要实现的功能或解决的问题的习惯，以提高Copilot的准确性。
  

  

在安装完Database Client后,GitHub Copilot的MCP服务列表中会自动启用Database Client相关的服务,目前测试发现这个服务只能和GitHub Copilot结合使用.

这样GitHub Copilot+Database Client的组合就搭建好了.

在GitHub Copilot的聊天窗口选择代理模式,然后就可以直接用自然语言提需求查询数据库了.

配置Roo Code

安装完成后，点击VSCode左侧的Roo Code图标，在配置中填写API Key，并选择合适的模型，如“deepseek – chat”模型。之后可根据不同需求选择模式，如Code模式（用于直接编写和修改代码）、Architect模式（帮助规划项目架构）、Ask模式（用于询问技术问题或获取关于代码库的深度分析）等；在聊天窗口中输入需要执行的命令，Roo Code会显示命令并请求批准后再执行；通过“Prompts”选项卡，可调整AI的角色和行为，创建符合工作流的自定义提示。

这里,给大家介绍一个白嫖GTP4模型的接口,https://text.pollinations.ai/openai,不需要KEY,直接用即可,配置如下图.

然后,我们再新建一个db的对话模式.所用到的提示词,在我之前的文章有介绍过.传送门=>《Chat2DB已过时！Cursor + MySQL-MCP-Server更强大》

配置mysql_mcp_server

首先进行数据库配置，设置环境变量：

# 必填项
MYSQL_HOST=localhost     # 数据库主机地址
MYSQL_USER=your_username # 数据库用户名
MYSQL_PASSWORD=your_password # 数据库密码
MYSQL_DATABASE=your_database # 数据库名称

# 可选项
MYSQL_PORT=3306         # 数据库端口，默认为 3306

然后将其与Visual Studio Code集成，在 mcp.json 中添加以下内容：

{
  "servers":{
    "mysql":{
      "type":"stdio",
      "command":"uvx",
      "args":[
        "--from",
        "mysql-mcp-server",
        "mysql_mcp_server"
      ],
      "env":{
        "MYSQL_HOST":"localhost",
        "MYSQL_PORT":"3306",
        "MYSQL_USER":"your_username",
        "MYSQL_PASSWORD":"your_password",
        "MYSQL_DATABASE":"your_database"
      }
    }
}
}

注意，集成前需确保已安装uv包管理器。

启用MCP支持（针对VSCode）

MCP支持从VS Code 1.99版本开始可用。要在VS Code中启用MCP支持，请启用 chat.mcp.enabled 设置，此设置默认启用。

添加MCP服务器

有以下几种添加方式：

• • 工作区设置：在您的工作区中添加一个 .vscode/mcp.json 文件，用于配置工作区的MCP服务器并与团队成员共享配置。具体步骤为：在工作区中创建 .vscode/mcp.json 文件；选择“添加服务器”按钮以添加新服务器模板，VS Code为MCP服务器配置文件提供IntelliSense；把上面的配置复制进去即可.
  或者，从命令面板运行 MCP: Add Server 命令，选择要添加的MCP服务器类型并提供服务器信息。接下来，如果您的工作区中尚不存在 .vscode/mcp.json 文件，请选择“工作区设置”来创建它。
• • 用户设置：在您的用户设置中指定服务器，以在所有工作区中启用MCP服务器。
• • 自动发现：启用自动发现其他工具中定义的MCP服务器，例如Claude Desktop。

需要注意的是，MCP服务器可以在您的计算机上运行任意代码。仅添加来自受信任来源的服务器，并在启动之前查看发布者和服务器配置。要查看和管理已配置的MCP服务器列表，请从命令面板运行 MCP: List Servers 命令。添加MCP服务器后，您可以在代理模式下使用它提供的工具。

启用MCP支持（针对Roo Code）

配置Roo Code的MCP服务也非常简单，打开MCP服务配置，选择编辑全局配置，在打开的配置文件中把上面的配置复制进去即可。

通过以上步骤，您在VSCode中成功配置了一个AI智能化的数据库客户端，充分利用各个扩展和服务的功能，提高开发效率和质量。

我们在Roo Code选择新建的db模式就可以开始用自然语言查询数据库了.

除了通过对话模式查询数据库,也可以利用Database Client的可视化的模式操作管理数据库,是不是很智能和方便呢?