[vs] Visual Studio Code 설치 및 플러그인 + 확대축소 + 테마 변경하기

https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com


vs 플러그인 목록(아래)

* 필수 플러그인은 별 표시!

 

한글언어팩 자동설치

설치 후 첫 실행 시 우측 아래 언어팩 설치 권장 창이 활성화됩니다. 

'설치 및 다시시작' 버튼 클릭으로 별도의 한글팩 설치없이 한글로 프로그램을 사용할 수 있습니다.

 

위 방법이 안될 경우 ▼아래 플러그인 검색 수동 설치

 

Live Preview (실시간 미리보기)

 

Live Server (실시간 미리보기)

 

indent-rainbow (들여쓰기 위치 표시)

 

Color Highlight (색상 미리보기)

 

CSS Peek (HTML 클릭시 해당 CSS로 이동)

 

Material Icon Theme (코드별 아이콘 표시)

 

Material Theme (코드별 색상 구분)

 

Auto Rename Tag (시작 태그명 변경 시 닫기태그 이름 동시 변경)

 

Bracket Pair Color DLW 괄호 색상 변경으로 대상 쉽게 구분하기 

 

 

마우스로 화면 확대 축소하기 :

왼쪽 하단(아래) 아이콘 클릭해서 환경설정 들어가고 user - text 항목에서 ctrl + F로 mouse wheel 검색 후 체크

 

테마 변경하기

왼쪽 하단(아래) 아이콘 클릭해서 color theme 선택하기

 

 

  Comments,     Trackbacks