Rails Schema Preview

Preview Rails db/schema.rb files as interactive ER diagrams inside VS Code.

Created by Adin Omic.

View on the Visual Studio Marketplace

Features

• Interactive table diagram with relationship edges.
• Table, index, search, and relationship detail views.
• Automatic preview refresh when the current schema.rb changes.
• Declared and inferred relationship detection for conventional *_id columns.
• Focused large-schema viewing with related, 2-hop, and full-schema scopes.
• Compact, keys-only, and full table node detail modes.
• Searchable table navigator with toggleable edge labels, minimap, legend, and details drawer.
• Generated schema documentation, health hints, and visual index summaries.
• Jump from parsed tables, columns, indexes, and relationships back to schema.rb lines.
• Static db/seeds.rb preview for common create/upsert seed operations.
• Persisted diagram UI preferences per webview session.
• PNG and SVG export.

Development

npm install
npm run compile
npm test

Open a Rails schema.rb, then run Rails Schema Preview: Open Preview.