Skip to content

Visual Studio Code Extension

The VetroLog VS Code Extension brings high-performance database inspection, real-time live synchronization, and interactive schema modeling directly into Visual Studio Code.

Official Extension Zero SDK Required macOS ยท Windows ยท Linux

โšก Key Features

Workspace SQLite Inspector

Directly double-click SQLite files (.db, .sqlite, .sqlite3, .db3, or .wal) in your VS Code Explorer for instant high-speed data grid browsing.

Mobile SQLite over ADB

Live inspection of Flutter (sqflite, drift), React Native, and native Android Room databases with real-time WAL change detection.

Remote Database Suite

Connect to PostgreSQL, MySQL, MariaDB, MSSQL, and Redis with SSL encryption, saved connection profiles, and latency checks.

Interactive ER Diagrams

Auto-generated visual entity-relationship diagrams with directional relation flow and multi-format exports (DBML, Mermaid ER, SQL DDL, and SVG).

Intelligent SQL Playground

Multi-tab query console with syntax highlighting, autocomplete, timing metrics, and non-destructive transaction simulation.

Automatic Theme Sync

Seamlessly adapts to your active VS Code color theme in real time (Modern Light & Dark themes with zero-flicker boot).


๐Ÿ“ฅ Installation

1-Click Install inside VS Code

  1. Open the Extensions sidebar (Ctrl+Shift+X on Windows/Linux or Cmd+Shift+X on macOS).
  2. Type VetroLog in the search bar.
  3. Click Install on the official extension by vetrolog.

Command Line Install

Terminal window
code --install-extension vetrolog.vetrolog

๐Ÿš€ How to Use

1. Launching Database Studio

  • Click the VetroLog icon in the Activity Bar (left sidebar).
  • Use the Quick Actions tree view to open the full studio, scan ADB devices, or generate ER diagrams.
  • Press Ctrl+Shift+P (or Cmd+Shift+P) and choose VetroLog: Open Database Studio.
  • Click the $(database) VetroLog status bar button in the bottom right corner.

2. Inspecting Workspace SQLite Files

Double-click any .db, .sqlite, or .sqlite3 file directly in the VS Code file tree. VetroLog opens as a native custom editor with full data grid pagination, sorting, and cell filtering.

3. Inspecting Live Mobile Apps over ADB

  1. Plug in your Android device or start an emulator with USB Debugging enabled.
  2. Run your app in debug mode (flutter run or Android Studio).
  3. From the VetroLog Activity Bar or command palette, run VetroLog: Scan ADB Devices & Mobile Apps.
  4. Select your app package to inspect tables and live WAL mutations with zero mobile code modification!

โš™๏ธ Configuration Settings

You can customize the extension via VS Code Settings (Ctrl+, or Cmd+, โ†’ search for vetrolog):

SettingTypeDefaultDescription
vetrolog.serverPortnumber8787Port used by the local background database daemon.
vetrolog.autoStartServerbooleantrueAutomatically spawn the local daemon when VS Code starts.
vetrolog.customBinaryPathstring""Optional path to custom vetrolog CLI binary. Auto-detected by default.
vetrolog.themeSyncbooleantrueSynchronize webview appearance with active VS Code theme.

๐Ÿ› ๏ธ CLI Daemon Lifecycle

The extension manages the VetroLog background daemon automatically. If you have the standalone VetroLog desktop app or CLI installed, the extension auto-discovers it across your system PATH, Homebrew, Snap, or workspace builds.

You can also start, stop, or restart the daemon anytime:

  • Restart Local Daemon: VetroLog: Restart Local Daemon
  • Stop Local Daemon: VetroLog: Stop Local Daemon
  • Output Channel: Check the VetroLog Daemon tab in the Output panel (Ctrl+Shift+U / Cmd+Shift+U) for logs and connection status.