앱 만들기/비쥬얼스튜디오 코드

비쥬얼스튜디오 코드 탭 사이즈 조정하기

나도처음이야 2023. 1. 23.
반응형

웹문서를 작성할때 탭 사이즈가 너무 크거나 작으면 문서의 직관성이 떨어집니다.

하기처럼 태그들이 적당한 정렬을 유지할때 직관성이 높아집니다.  

코딩시 탭을 이용해서 태그들의 시작위치를 잡으면 편리합니다. 탭 사이즈를 조정하는 방법을 알아보겠습니다.

비쥬얼스튜디오 코드

1. 비쥬얼스튜디오 코드 왼쪽하단 '관리 아이콘'을 클릭 합니다.

   - 팝업메뉴에서 설정을 선택합니다. 혹은 Ctrl, 키를 누르면 설정으로 이동하게 됩니다.

     설정 단축키(Ctrl+,) 

2. 설정 메뉴 검색란에서 "탭"으로 검색합니다.

 - 메뉴에서 일일이 찾기가 번거롭기에 "탭"으로 검색하면 관련 설정들이 나옵니다.

Editor:Tab Size 란의 숫자를 조정하면 탭 사이즈가 조정 됩니다. 일반적으로 2, 4 정도를 많이 사용합니다. 

별도의 저장은 필요없고 설정 페이지를 닫아 주면 됩니다. 

참고로, 변경된 탭 사이즈 값은 신규 html 문서를 만들때부터 적용이 됩니다.

오늘은 비쥬얼스튜디오 코드에서 탭사이즈를 조정하는 방법을 정리해보았습니다.

감사합니다.

반응형

댓글