ERD Visual Editor
Visual Entity Relationship Diagram editor for VS Code with drag-and-drop editing and SQL export.
Getting Started
Create a New ERD
- Command Palette: Press
Ctrl+Shift+P and run "ERD: Create New ERD File"
- Manual: Create any file ending in
.erd.json (e.g., myproject.erd.json)
Open an Existing ERD
Simply open any .erd.json file - it will automatically open in the visual editor.
Usage
- Add Entity: Click "+ Entity" in the toolbar
- Move Entities: Drag them around the canvas
- Create Relationships: Drag from one field to another
- Edit Properties: Click an entity to see its properties panel
- Export SQL: Click "Export SQL" to generate DDL
ERD files are JSON-based for easy version control and team collaboration.
| |