프로그래밍 언어

VS Code설치, 개발환경 설정

좨랭이 2021. 10. 25. 20:23

1. VS 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

 

2. 컴퓨터에 맞는 OS를 선택하여 다운로드

설치 후 기본 화면

 

3. Visual Studio Code 확장 기능(Extensions) 추가

VS Code 한글화

 

HTML5 태그 자동 완성 추가 지원

 

시작태그, 종료태그 동시 수정

 

실시간 HTML 작성 결과 미리 보기

그 외 테마 등 설치 가능~~

내가 사용하는 테마!

 

4. 환경 설정

설정 : 메인화면에서 Ctrl + , 

1) Font 설정 변경

 

2) 테마 설정 변경

 

3) 확대 축소 설정

-> 상단 검색 창에 “Mouse wheel Zoom” 입력 -> Editor : Mouse wheel Zoom 체크