[VSCode] 복잡하고 가독성이 떨어지는 JSON, HTML, JavaScript, TypeScript, CSS 파일 문서 서식으로 깔끔하게 정렬하기

    728x90

     

    가끔씩 JSON파일이나 다른 파일들을 열어보면 가끔씩 정렬이 되어있지 않아서 알아보기 힘든 피일이 있습니다.

     

    JSON 파일인데 알아보기 힘들다

    위 사진처럼 JSON 파일을 열었는데 들여쓰기나 뛰어쓰기, 줄바꿈이 되어있지 않아 가독성이 매우떨어지고 보기도 불편합니다. 이렇게 보기힘든 파일을 비주얼 스튜디오 코드에서 문서 서식 옵션으로 예쁘고 보기편하게 정렬하는 방법을 알려드리겠습니다. 

     

    문서 서식(Format Document) 옵션으로 파일을 정렬하기

    언어 모드 선택

    문서 서식을 사용하기 위해서는 언어 모드(Language Mode)JSON, HTML, JavaScript, TypeScript, CSS 중 하나여야 합니다. 파일에 맞는 언어를 선택해 주면 됩니다. 위 경우에는 JSON 파일이라서 JSON을 선택해 주었습니다. 

     

    문서 서식 옵션

    그 다음으로 마우스 우클릭 - 문서 서식을 클릭하면 파일이 자동으로 정렬됩니다. 

     

    깔끔하게 정렬된 모습

    이런식으로 파일 내용이 깔끔하게 정렬된 것을 확인할 수 있습니다. 가독성이 좋아져서 보기편하고 수정도 쉽게할 수 있고 어디부분을 편집하는지도 쉽게 알 수 있어서 편리합니다. 

     

    참고자료 

     

    Basic Editing in Visual Studio Code

    Learn about the basic editing features of Visual Studio Code. Search, multiple selection, code formatting.

    code.visualstudio.com

     

    반응형

    댓글

    Designed by JB FACTORY