IDE Extension

VS Code Extension Guide

Get instant inline schema mismatch diagnostics, live file-watcher feedback, and interactive ERD webviews directly in VS Code.

Overview

The DevSync VS Code Extension provides real-time schema drift diagnostics directly inside your editor. As you edit your schema.prisma, schema.sql, or ORM models, the extension highlights column mismatches and type divergences before you commit.

Key Features

1. Inline Diagnostics & Squiggly Highlights

Mismatched field types (e.g. String? in code vs TIMESTAMP in database) are highlighted inline with quick-fix options.

2. Entity Relationship Diagram (ERD) Webview

Open the command palette (Ctrl+Shift+P or Cmd+Shift+P) and select DevSync: Visualize ERD Diagram to inspect a live relational graph of your database.