可借助 VSCode 的 Database Client 扩展直接执行 SQL 查询、浏览表结构并管理数据库连接;需安装扩展、配置连接、执行查询、浏览对象,并支持环境变量保护凭据。

如果您希望在 Visual Studio Code 编辑器中直接执行 SQL 查询、浏览表结构并管理数据库连接,而无需切换到独立的数据库管理工具,则可以借助 VSCode 的 Database Client 扩展实现。以下是具体操作步骤:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装 Database Client 扩展
Database Client 是一个轻量级但功能完整的 VSCode 扩展,支持 PostgreSQL、MySQL、SQLite、SQL Server 等多种数据库协议。安装后可在侧边栏新增数据库视图,并通过连接配置快速接入远程或本地实例。
1、打开 VSCode,点击左侧活动栏最下方的扩展图标(四个方块组成的图标)。
2、在扩展市场搜索框中输入 Database Client。
3、在搜索结果中找到作者为 cweijan 的扩展,点击“安装”按钮。
4、安装完成后,重启 VSCode 或点击“重新加载”提示按钮以激活扩展。
二、配置数据库连接
连接配置以 JSON 格式定义,支持明文或环境变量方式存储敏感信息。扩展会将连接信息保存在工作区设置或用户全局设置中,便于复用和版本控制隔离。
1、按下 Cmd+Shift+P(macOS)调出命令面板。
2、输入并选择 Database: Add Connection。
3、从下拉列表中选择目标数据库类型,例如 PostgreSQL。
4、按提示依次填写主机地址、端口、数据库名、用户名和密码;若使用本地 SQLite,则直接指定 .db 文件绝对路径。
三、执行 SQL 查询
扩展内置 SQL 编辑器支持语法高亮、自动补全与结果表格化展示。查询可在当前打开的 .sql 文件中进行,也可通过新建临时查询窗口发起。
1、在资源管理器中右键点击已连接的数据库节点,选择 New Query。
LANUX V1.0 蓝脑商务网站系统 适用于网店、公司宣传自己的品牌和产品。 系统在代码、页面方面设计简约,浏览和后台管理操作效率高。 此版本带可见即可得的html编辑器, 方便直观添加和编辑要发布的内容。 安装: 1.解压后,更换logo、分类名称、幻灯片的图片及名称和链接、联系我们等等页面。 2.将dbconfig.php里面的数据库配置更改为你的mysql数据库配置 3.将整个文件夹上传至
2、在新打开的编辑器中输入 SQL 语句,例如 SELECT * FROM users LIMIT 5;。
3、选中语句后右键,点击 Execute Query,或使用快捷键 Cmd+Enter。
4、查询结果以可排序、可复制的表格形式显示在底部面板中,支持导出为 CSV。
四、浏览与管理数据库对象
连接成功后,扩展会在侧边栏的 Database 视图中展开数据库结构树,包括 schemas、tables、views、functions 等节点,支持双击查看定义及数据内容。
1、点击左侧活动栏中的数据库图标(圆柱体形状),打开 Database 视图。
2、展开已配置的连接,再逐层展开 Schemas → Tables 节点。
3、右键任意表名,选择 Select All Rows 查看全部数据,或选择 Show Create Statement 查看建表语句。
4、双击表名可打开数据编辑界面,支持直接修改单元格值并提交变更(需启用 Enable Edit Mode)。
五、使用环境变量保护连接凭据
为避免将密码等敏感信息硬编码在连接配置中,可利用 VSCode 的环境变量插值功能,从系统 shell 环境或 .env 文件中读取值,提升安全性与协作兼容性。
1、在终端中执行 export DB_PASSWORD="my_secret" 设置临时环境变量。
2、添加新连接时,在密码字段输入 ${env:DB_PASSWORD}。
3、确保 VSCode 启动自该终端会话,或在 settings.json 中配置 "database-client.envFile": "./.env" 指向本地 .env 文件。









