Today
-
Yesterday
-
Total
-
  • 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

Designed by Tistory / Custom by 얼거스