DBML ERD Viewer
A Visual Studio Code extension for viewing DBML (Database Markup Language) files as Entity-Relationship Diagrams (ERD).
Features
- Real-time ERD visualization of DBML files
- Interactive pan and zoom functionality
- Support for tables, relationships, and field constraints
- Dark theme support
- Automatic diagram updates as you edit
Usage
- Install the extension
- Open a
.dbml file
- Click the DBML ERD icon in the activity bar (left sidebar) or use the command palette (Cmd/Ctrl+Shift+P) and search for "Show DBML ERD"
- The ERD view will appear, showing your database diagram
Navigation
- Pan: Click and drag the diagram
- Zoom: Use mouse wheel or the + / - buttons
- Reset View: Click the ⟲ button
Example DBML
Table users {
id integer [pk]
username varchar
email varchar
}
Table posts {
id integer [pk]
title varchar
content text [note: 'Content of the post']
user_id integer
}
Ref: posts.user_id > users.id
Requirements
- Visual Studio Code version 1.85.0 or higher
Extension Settings
This extension contributes the following settings:
Known Issues
Release Notes
0.0.1
Initial release of DBML ERD Viewer:
- Basic ERD visualization
- Pan and zoom functionality
- Dark theme support
| |