Table of Contents

Draw.io VS Code Integration

Tình cờ nay chị Google giới thiệu cho cái plugin Plotly cho Visual Studio Code, xem một hồi ra được cái này. Dành cho ai chưa biết thì Draw.io là một Web app cho phép người dùng vẽ, chia sẻ các sơ đồ, diagram,.. Giờ được tích hợp vô VSCode thì mình có thể vẽ, chia sẻ sơ đồ chức năng, flowchart hệ thống trong project luôn, quá tiện. Do vậy mình quyết định thử, những gì mình thử sẽ chia sẻ ở đây :v

Đầu tiên là cần cài plugin Draw.io cho VSCode

Vô plugin, search draw.io là ra quá chừng, mình chọn cài này

Draw.io VS Code Integration:

Features

Edit .drawio, .dio, .drawio.svg or .drawio.png files in the Draw.io editor.
To create a new diagram, simply create an empty *.drawio, *.drawio.svg or *.drawio.png file and open it!
.drawio.svg are valid .svg files that can be embedded in Github readme files! No export needed.
.drawio.png are valid .png files! No export needed. You should use .svg though whenever possible - they look much better!
To convert between different formats, use the Draw.io: Convert To... command.
Uses an offline version of Draw.io by default.
You can select a theme.