VSCode中的数据库管理:无需离开编辑器

发布时间 - 2025-12-31 00:00:00    点击率:
可在 VSCode 中通过安装 Database Client 或 SQLTools 扩展直接管理数据库;Database Client 支持多数据库连接与查询,SQLTools 提供模块化驱动和高级调试,SQLite 还可直接打开 .db 文件执行查询。

如果您希望在 Visual Studio Code 中直接管理数据库,而无需切换到外部数据库管理工具,则可以通过安装和配置相关扩展来实现。以下是具体操作步骤:

本文运行环境:MacBook Air,macOS Sequoia。

一、安装 Database Client 扩展

Database Client 是一个轻量级但功能完整的 VSCode 扩展,支持 PostgreSQL、MySQL、SQLite、SQL Server 等多种数据库连接与查询。它以原生方式嵌入编辑器侧边栏,提供连接管理、SQL 编辑、结果查看等功能。

1、打开 VSCode,点击左侧活动栏的扩展图标(或按快捷键 Ctrl+Shift+X)。

2、在扩展搜索框中输入 Database Client,找到作者为 cweijan 的扩展。

3、点击“安装”按钮,等待安装完成并重启 VSCode(如提示)。

二、配置数据库连接

连接配置通过 JSON 文件定义,VSCode 将其识别为可连接的数据源。每个连接需指定类型、主机、端口、数据库名、用户名和密码等基本信息。

1、按下 Cmd+Shift+P(macOS)调出命令面板,输入并选择 Database: Add Connection

2、在弹出的选择列表中,选择目标数据库类型,例如 MySQL

3、依次填写主机地址、端口号、数据库名称、用户名和密码;若使用本地默认配置,主机可填 localhost,端口按对应数据库默认值填写(如 MySQL 为 3306)。

三、执行 SQL 查询

连接成功后,可在资源管理器中展开数据库节点,浏览表结构,并直接在编辑器中编写和运行 SQL 脚本。查询结果以内联表格形式展示,支持排序、复制和导出。

1、在侧边栏 Database 标签页中,右键已配置的连接,选择 Connect

2、展开该连接,找到目标数据表,右键选择 Select All Rows,自动生成 SELECT 查询语句并执行。

3、也可新建 .sql 文件,在编辑器中手动输入语句,将光标置于语句内,右键选择 Execute Query

四、使用 SQLTools 扩展替代方案

SQLTools 提供更模块化的架构,支持插件式驱动(如 PostgreSQL、SQLite、MongoDB),适合需要多数据库共存或高级调试能力的用户。其连接配置同样基于 JSON,且兼容 VSCode 的设置同步机制。

1、在扩展市场中搜索 SQLTools,安装由 mtxr 发布的主扩展及对应数据库驱动(如 SQLTools PostgreSQL Driver)。

2、按下 Cmd+Shift+P,输入 SQLTools: New Connection,按向导填写连接参数。

3、连接建立后,在资源管理器底部 SQLTools 面板中展开连接,双击表名即可生成预设查询并运行。

五、启用 SQLite 内置支持

对于轻量级本地开发,VSCode 可通过内置的 SQLite 支持直接打开 .db 文件,无需额外服务或认证。该方式适用于原型验证、教学演示或单机应用调试场景。

1、在文件资源管理器中,右键任意 .sqlite.db 文件,选择 Open with SQLTools(需已安装 SQLTools)。

2、文件打开后,编辑器顶部将显示数据库导航栏,点击 Run Query 按钮(或按 Cmd+Enter)执行当前编辑器中的 SQL。

3、查询结果以分页表格呈现,支持点击列头排序,右键单元格可复制值或整行数据。


# mysql  # vscode  # js  # json  # go  # mongodb  # 端口  # macbook  # 工具  # mac  # ai  # macos  # sql  # 架构  # select  # visual studio  # visual studio code  # sqlite  # database  # postgresql  # 数据库  # 右键  # 器中  # 可在  # 按下  # 编辑器  # 查询结果  # 资源管理  # 或按  # 是一个  # 运行环境 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  Mybatis 中的insertOrUpdate操作  EditPlus中的正则表达式 实战(4)  如何在IIS7上新建站点并设置安全权限?  大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?  Python3.6正式版新特性预览  如何在云服务器上快速搭建个人网站?  JavaScript数据类型有哪些_如何准确判断一个变量的类型  焦点电影公司作品,电影焦点结局是什么?  如何在 Python 中将列表项按字母顺序编号(a.、b.、c. …)  如何快速上传自定义模板至建站之星?  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?  Laravel怎么做数据加密_Laravel内置Crypt门面的加密与解密功能  高防网站服务器:DDoS防御与BGP线路的AI智能防护方案  jquery插件bootstrapValidator表单验证详解  制作公司内部网站有哪些,内网如何建网站?  Laravel如何实现密码重置功能_Laravel密码找回与重置流程  Laravel如何实现数据库事务?(DB Facade示例)  Laravel怎么配置.env环境变量_Laravel生产环境敏感数据保护与读取【方法】  Laravel怎么实现模型属性的自动加密  CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】  JavaScript模板引擎Template.js使用详解  DeepSeek是免费使用的吗 DeepSeek收费模式与Pro版本功能详解  Laravel如何实现全文搜索_Laravel Scout集成Algolia或Meilisearch教程  如何在IIS中新建站点并配置端口与IP地址?  谷歌浏览器下载文件时中断怎么办 Google Chrome下载管理修复  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  弹幕视频网站制作教程下载,弹幕视频网站是什么意思?  Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解  Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】  Laravel如何使用Gate和Policy进行权限控制_Laravel权限判定与策略规则配置  javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】  javascript日期怎么处理_如何格式化输出  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  Laravel项目怎么部署到Linux_Laravel Nginx配置详解  Python制作简易注册登录系统  Laravel如何使用Eloquent ORM进行数据库操作?(CRUD示例)  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  简单实现jsp分页  如何在 React 中条件性地遍历数组并渲染元素  Laravel的HTTP客户端怎么用_Laravel HTTP Client发起API请求教程  如何用JavaScript实现文本编辑器_光标和选区怎么处理  Python面向对象测试方法_mock解析【教程】  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  小视频制作网站有哪些,有什么看国内小视频的网站,求推荐?  Laravel如何使用withoutEvents方法临时禁用模型事件  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  微信小程序 canvas开发实例及注意事项  Laravel如何实现多对多模型关联?(Eloquent教程)  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】