-
vscode에서 Draw.io 플러그인 사용하기IDE/Visual Studio Code 2024. 2. 14. 05:36
Extension 설치
실행 가능한 확장자
*.drawio
*.drawio.png
*.drawio.svg
*.dio
*.dio.png
*.dio.svg
*.svg
(옵션 설정 필요)
옵션 설정
*.svg
확장자 파일도 draw.io로 실행되게 하기 위한 옵션 추가
1. 설정 창 실행
단축키 :
ctrl
+,
2. 설정 추가
- JSON View에서 설정하기
설정 추가
{ ..., "workbench.editorAssociations": { "*.svg": "hediet.vscode-drawio-text" } }
- UI View에서 설정하기
검색
editorAssociations
설정 추가
Add Item
클릭- Item :
*.svg
입력 - Value :
hediet.vscode-drawio-text
입력
테마 설정
windows 테마 설정을 dark 모드로 해둬서 그런지 draw.io 테마도 dark로 설정되어 설치되었다.
github 등에 업로드 시 기본으로 뷰어가 light 모드로 보이기 때문에 의도하지 않은 색상 값으로 노출 될 수 있어서 draw.io 테마를 light (min 또는 atlas 또는 Kennedy) 모드로 변경!
1. 설정 창 실행
ctrl
+,
2. 검색
drawio theme
3. 테마 설정
변경 전
변경 후
'IDE > Visual Studio Code' 카테고리의 다른 글
vscode 테마 custom 기록 (0) 2024.02.04 vscode에서 spring boot project 시작하기 (1) 2024.01.31 VSCode Terminal font 설정 (0) 2023.12.17