DB Viewer - SQL + MongoDB Explorer for VS Code

Inspect, edit, and navigate your database without leaving VS Code.

DB Viewer brings your data workflow into your editor: faster context switching, faster debugging, and faster delivery.

Why Teams Use DB Viewer

• Work directly where you code: no alt-tab to external tools.
• Open any table/collection in one click.
• Edit values inline and save immediately.
• Navigate foreign keys from data cells.
• Visualize schema structure with an interactive MCD/ER diagram.

Key Features

• Native sidebar experience in the Activity Bar.
• Saved named connections (URL-based).
• Multi-database support: PostgreSQL, MySQL/MariaDB, MongoDB.
• Fast table/collection browsing by schema/database.
• Spreadsheet-like data grid with search.
• Inline cell editing for rapid fixes and data QA.
• Foreign key navigation with Ctrl/Cmd+click (SQL).
• Interactive MCD/ER diagram with zoom, pan, and click-to-open table.
• Open data in a shared tab or a dedicated new tab.

Supported Connection URLs

• PostgreSQL: postgres://user:password@localhost:5432/mydb
• MySQL: mysql://user:password@localhost:3306/mydb
• MongoDB: mongodb+srv://user:password@cluster.example.mongodb.net/mydb

Built For

• Backend developers shipping features fast.
• Full-stack teams validating data without leaving VS Code.
• Product and QA workflows that need quick data verification.
• Anyone who wants SQL + Mongo visibility in one lightweight extension.

Commands

• DB Viewer: Add Connection
• DB Viewer: Refresh
• DB Viewer: Rename Connection
• DB Viewer: Remove Connection
• DB Viewer: Open Table Data
• DB Viewer: Open Table Data (New Tab)
• DB Viewer: Open MCD