Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Rails Schema PreviewNew to Visual Studio Code? Get it now.
Rails Schema Preview

Rails Schema Preview

Adin Omic

|
2 installs
| (0) | Free
Preview Rails schema.rb files as interactive ER diagrams, docs, health checks, indexes, and seed data inside VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft