---
title: "Discussion on \"Preview DBML code from Vscode\" | Hashnode"
description: "Discussion on \"Preview DBML code from Vscode\". An Vscode extension to visualize the database schema in ERD ( Entity Relationship Diagram ) from dbml file in your vscode."
url: "https://hashnode.com/posts/preview-dbml-code-from-vscode/662ed4b321e0c09ce48cdf73"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Preview DBML code from Vscode](https://juste.bocovo.me/preview-dbml-code-from-vscode?utm_source=hashnode&utm_medium=feed)

An Vscode extension to visualize the database schema in ERD ( Entity Relationship Diagram ) from dbml file in your vscode.

Apr 28, 2024 · 1 min read · juste.bocovo.me  
Read the article

-   [#dbml](https://hashnode.com/tag/dbml)
-   [#vscode-extensions](https://hashnode.com/tag/vscode-extensions)
-   [#erd-entity-relationship-diagrams](https://hashnode.com/tag/erd-entity-relationship-diagrams)

## Written by

[Juste R. Bocovo](https://hashnode.com/@bocovo)

@bocovo · Cotonou, Benin

  
[View profile](https://hashnode.com/@bocovo)

Publish technical articles

A full-stack JavaScript developer. Using tools like React/Next and Nest to build project that make something better. My slogan is : I help build the tools of tomorrow.

## Responses 1

Markdown supported · ⌘↵ to post

[M B A R K](https://hashnode.com/@MbarkT3sto)

[Jan 27, 2025](https://hashnode.com/posts/preview-dbml-code-from-vscode/662ed4b321e0c09ce48cdf73/comment/67974f6062a129958299e254)

Please how to add/chance those headers colors as in the preview GIF ???