비주얼 스튜디오 코드(VS Code) 사용 전 알아두면 좋은 기본 설정

비주얼 스튜디오 코드(Visual Studio Code)는 마이크로소프트가 마이크로소프트 윈도, MacOS, 리눅스용으로 개발한 소스코드 편집기이다. 개발을 위해서는 소스코드 편집기를 선택하여 사용하게 되는데 비주얼 스튜디오 코드는 오픈소스 개발용 소스코드 편집기 중 하나이다.

 

이번 시간에는 비주얼 스튜디오 코드(VS Code)를 사용하기 전에 알아두면 좋은 기본 설정 몇 가지에 대해 알아보겠다.

 

비주얼 스튜디오 코드 다운로드 화면

 

VS Code는 오픈소스이고, 프로젝트명은 Code - OSS GitHub이며 이곳에서 소스코드를 모두 볼 수 있다.

 

https://github.com/microsoft/vscode?utm_source=chatgpt.com

 

Visual Studio Code 설치가 완료되었다면 바로 개발을 시작할 수도 있지만, 몇 가지 기본 설정을 해두면 보다 편하게 개발을 진행할 수 있다.

 

이번 글에서는 VS Code 설치 후 추천하는 초기 설정 방법에 대해 알아보겠다.

 

기본 설정 이전에 Visual Studio Code 설치하기

만약 VS Code 설치 전이면 비주얼 스튜디오 코드 공식 홈페이지에서 진행한다.

 

https://code.visualstudio.com/Download

Download Visual Studio Code - Free AI Code Editor for Mac, Linux, Windows

 

Windows, MacOS, Linux 용을 제공하므로 사용자 OS에 맞게 자신의 PC에 설치하면 된다.

 

비주얼 스튜디오 코드 소개 및 설치 방법이 궁금하다면 다음 글과 함께 보면 좋다.

 

▶ 비주얼 스튜디오 코드 소개 및 설치 방법

비주얼 스튜디오 코드(Visual Studio Code) 소개 및 설치

 

자신의 PC에 비스코(Visual Studio Code)를 설치하였다면 기본 설정을 진행해 보도록 하자.

 

반응형

 

비스코(VS Code)  초기 설정 하기

비스코 초기 설정은 편의 기능 설정이므로 사용자가 원하는 기능을 골라 설정하면 된다.

한국어 설정

비스코를 설치하면 처음에 메뉴가 영어로 표시된다. 한글을 원하는 사람은 한국어 설정을 진행하면 된다.

 

비스코 한글팩 설치 화면

 

1. 좌측 메뉴에서 확장 프로그램(Extensions) 선택

2. 검색창에 Korean Language Pack 입력

3. Korean Language Pack for Visual Studio Code 설치

4. VS Code 재시작

자동 저장 설정

보통은 파일을 수동 저장 해줘야 하지만 자동 저장하는 기능을 제공하므로 개발 편의를 위해 자동 저장 기능을 설정할 수 있다.

자동 저장 기능을 활성화하면 파일 수정 후 자동으로 저장이 된다.

 

비스코 자동 저장 설정 화면

 

1. 상단 메뉴에서 파일(File) 선택

2. 자동 저장(Auto Save) 클릭

글꼴 크기 설정

사용자마다 기본 글꼴 크기가 작게 느껴질 수 있고, 그러면 코딩할 때 눈의 피로도가 높아진다. 모니터 크기나 개인 취향에 따라 글꼴 크기를 변경하면 가독성 또한 좋아지므로 원하는 글꼴과 크기로 변경하기를 권장한다.

 

비스코 글꼴 크기 설정 화면

 

1. 상단 메뉴에서 파일(File) 선택

2. 기본 설정(Preferences) → 설정(Settings) 선택

3. 검색창에 Font Size 입력

4. Editor: Font Size 값 변경

 

추천 값은 다음과 같다.

 

14 : 기본
16 : 추천
18 : 큰 글씨 선호

테마 설정

비스코는 다양한 색상의 테마를 지원한다. 나 같은 경우는 눈의 피로를 줄이기 위해 다크 테마를 사용한다.

다른 개발자의 경우는 흰 배경이 글자가 잘 읽힌다고 하여 기본 테마를 사용하기도 한다. 자신에게 맞는 테마를 사용하면 된다.

 

비스코 테마 설정 화면1

 

비스코 테마 설정 화면1

 

1. 상단 메뉴에서 파일(File) 선택

2. 기본 설정(Preferences) → 테마(Theme) → 색 테마(Color Theme) 선택

3. 원하는 테마 선택

 

추천 테마는 다음과 같다.

 

Dark Modern
Dark+
Light Modern
Light+

 

지금까지 비스코 설치 및 초기 설정하는 방법을 알아보았다.

 

최근에는 Continue, Ollama 등을 활용해 VS Code 안에서 AI 코딩 도우미를 사용할 수 있다.

 

관련 내용은 다른 글에서 별도로 상세하게 정리하겠다.