Visual Studio Code 설치 후 세팅하면 좋은 것들

 

VS Code 설치 후 세팅해두면 좋은 것들

 

 

테마 설정

 

▶ File - Preferences - Theme - Color Theme (어두운 테마 설정)

• VS Code의 테마 색상을 지정할 수 있다.
• 장시간 모니터를 봐야 할 일이 있을 때, 어두운 테마를 선택하면 눈의 피로를 줄일 수 있다.

목록에서 원하는 테마를 선택한다. 기본으로 [다크 모던]이 설정되어 있다.

---

확장 프로그램 설치

 

▶ Live Server / Ritwick Dey

• HTML 코드를 웹으로 실시간 확인할 수 있다.

▶ Auto Rename Tag / Jun Han

• 시작, 종료 태그 중 한 쪽만 변경해도 다른 한 쪽이 자동으로 변경된다.

▶ HTML to CSS autocompletion / solnurkarim

• HTML 파일의 class 속성을 변경하면 CSS 파일에서 자동완성된다.

▶ HTML CSS Support / ecmel

• CSS 파일의 클래스나 아이디를 변경하면 HTML 파일의 id나 class 속성이 자동완성된다.

▶ Code Runner / Jun Han

• 자바스크립트 코드의 실행을 지원한다.

▶ Material Icon Theme

• 파일의 종류에 따라 파일 이름 앞에 확장자 아이콘을 붙여준다.

이 외에도 많은 종류의 아이콘이 있다.

▶ Korean Language Pack for Visual Studio Code (선택)

• VS Code 한글화 패치

---

기본 브라우저 설정 (선택)

 

▶ Chrome을 기본 브라우저로 설정

• 우측 위 점 3개 → 설정 → 기본 브라우저 → 기본으로 설정

---

폰트 관련

 

▶ 폰트 크기 조절

• [File] - [Preferences] - [Settings] - [Text Editor] - [Font] - Font Size 입력
• 개인적으로는 16px 크기를 선호하는 편이다.

▶ D2Coding 폰트 설치 및 변경

코딩하기 편한 D2Coding 폰트 설치하기

---

Git 관련

 

▶ 터미널 Git Bash 설정

• 검색 창 열기 (Ctrl + Shift + P) → select default profile 입력 후 엔터 → Git Bash 선택
  터미널 창 열기 (Ctrl + `) → 터미널 창 우상단 '+' 클릭 후 Git Bash 열기

---

그 외 설정

 

▶ 탭 크기 설정

• [파일] - [기본 설정] - [설정] - 검색창에 탭 검색 - Editor: Tab Size
• 개인적으로는 공백 수를 2로 설정하는 편이다.