Quick Start

Get up and running with DevDb Pro in minutes.

1. Install the Extension

Install DevDb Pro from the VS Code Marketplace or Open VSX Registry.

2. Open Your Project

Open any VS Code project that uses a supported database. DevDb Pro will automatically detect your database configuration from:

• Laravel .env files
• DDEV configuration
• Django settings.py
• Rails config/database.yml
• Adonis .env files

3. Access Your Database

Method 1: Keyboard Shortcut

Press Cmd+K Cmd+D (Mac) or Ctrl+K Ctrl+D (Windows/Linux) to toggle the DevDb panel.

Method 2: Quick Table Access

Press Cmd+K Cmd+G (Mac) or Ctrl+K Ctrl+G (Windows/Linux) to instantly search and open any table.

Method 3: Command Palette

1. Open Command Palette (Cmd+Shift+P or Ctrl+Shift+P)
2. Type "DevDb"
3. Select a command

Basic Operations

Browse Data

• Click a table in the sidebar to view its data
• Use Cmd+Click on a table name to open it in the current tab

Edit Data

• Cmd+Click on any value to edit it
• Make your changes
• Press Cmd+S to save

Delete Data

• Click the trash icon on any row to delete it
• Confirm the deletion

Preview Data

• Click any value to preview it in the right pane
• Especially useful for JSON strings and large text

View Schema

• Switch to the "Schema" tab in the right pane to see table structure
• View column types, constraints, and indexes

Keyboard Shortcuts

Action	Mac	Windows/Linux
Toggle DevDb Panel	Cmd+K Cmd+D	Ctrl+K Ctrl+D
Go to Table	Cmd+K Cmd+G	Ctrl+K Ctrl+G
Edit Value	Cmd+Click	Ctrl+Click
Undo Changes	Cmd+Z	Ctrl+Z
Redo Changes	Cmd+Y	Ctrl+Y
Save Changes	Cmd+S	Ctrl+S

Next Steps

For Laravel Developers

Explore Laravel-specific features:

• Code Lens for Eloquent models
• Factory generation with real data
• MySQL query explainer

Advanced Features

• Data Export - Export to JSON or SQL
• MCP Server - Integrate with AI IDEs
• Manual Configuration - Custom database setups

Framework-Specific Guides

• DDEV Projects
• Django
• Ruby on Rails
• Adonis