[VSCode] 기본 세팅 목록

- Auto Close Tag

- Auto Rename Tag : 설치시, 의도치 않은 태그 변경이 있을 수 있다. 그래서 필자는 설치했다가 지움!

이와 비슷한 기본 설정에 있는 기능이 있는데, 저처럼 의도치 않은 태그 변경을 방지하기 위해서 Auto Rename Tag를 설치했다가 지웠는데도 여전히 발생한다면, Preferences(Settings)에 있는 editor.linkedEditing를 체크 해제해 보시길 추천합니다. 🙂

그리고 반드시 다시 vscode를 실행하셔야 합니다!

- Live Server

- material icon theme : 파일

- color highlight : 해당 색상 핵코드에 따라서 색상을 미리 보여주는 플러그인

- 자동 줄바꿈 설정 : 한줄의 코드가 vscode 가로 창을 넘어가면 잘려보여서 스크롤을 해야하는데 그런 번거로움을 줄여준다.

Preferences > Settings > wordWrap 검색

파일 비교 코드, 일반 코드 둘 다 WordWrap을 on으로

- beautify : 코드 줄 정리 해주는 플러그인. 단축키 ctrl + shift + l 로 설정

* beauty가 아닌 beautify로!

- Bracket Pair Colorizer : {}, () 닫힘 태그 헷갈릴경우 색상 표시

- Night Owl

- mouse wheel zoom : 파일-> 환경 설정-> 설정-> "mouse wheel zoom "

- 폰트 설정 : 파일-> 환경 설정-> 설정-> "Font" (IBM Plex Mono)

- html css support : html나 css의 비슷한 용어를 추천

- indent-rainbow : 들여쓰기 한 만큼 바탕색이 나타남

- Project Manager : Live Server를 위해서 프로젝트 add가 두개 이상 일 시에 하나의 프로젝트만 연결이되어서 항상 New Window로 새 창을열어 각각 보았었는데 프로젝트 매니저를 통해 멀티로 프로젝트를 저장후 필요할때 마다 오픈 할 수 있는 플러그인

 

- 탭설정 : 

file > preferences > settings 에서 tab size 검색

아래와 같이 설정

- 폰트 패밀리 설정

맑은 고딕체로 간단하게 설정하여 한글 코딩시 가독성을 높일 수 있다.

 

Visual Studio Code Settings에서 font family 검색 후 아래와 같이 앞에 추가

 

그럼 아래와 같이 한글을 입력했을 때 돋움이 아닌 고딕체로 나오는 것을 볼 수 있다.