1단계: VS Code 다운로드 및 설치하기
마이크로소프트의 공식 웹사이트에서 안전하게 설치 파일을 내려받고, 개발을 훨씬 편리하게 해주는 필수 옵션을 함께 설정합니다.
-
1
Windows용 User Installer (64-bit) 다운로드
공식 홈페이지의 파란색 "Download for Windows" 버튼을 누르면
VSCodeUserSetup-x64.exe파일이 다운로드됩니다. -
2
설치 파일 실행 및 사용권 계약 동의
내려받은 설치 파일을 더블 클릭하여 실행한 후, "동의합니다(I accept the agreement)"를 선택하고 [다음]을 누릅니다.
-
3
★ [중요] 추가 작업 선택 (체크박스 확인)
설치 도중 "추가 작업 선택" 창이 나오면 아래 4가지 항목을 모두 체크하는 것을 강력히 권장합니다:
* 이 항목을 체크해 두면 원하는 폴더에서 마우스 우클릭 한 번으로 즉시 VS Code를 열 수 있어 코딩 생산성이 극대화됩니다.
-
4
설치 완료 및 실행
[설치] 버튼을 누르고 잠시 기다린 후, "Visual Studio Code 시작"에 체크된 상태로 [마침]을 누르면 프로그램이 열립니다.
-
1
macOS용 .zip 파일 다운로드
Apple Silicon(M1/M2/M3) 사용자는 Apple silicon용, 구형 Intel Mac 사용자는 Intel용 Universal 인스톨러를 다운로드합니다.
-
2
Applications(응용 프로그램) 폴더로 이동
다운로드 폴더에 압축 해제된
Visual Studio Code.app파일을 마우스로 드래그하여 응용 프로그램 (Applications) 폴더로 이동시킵니다.* 다운로드 폴더에서 바로 실행하면 업데이트 시 오류가 발생할 수 있으니 반드시 응용 프로그램 폴더로 옮겨주세요!
-
3
터미널 'code' 명령어 등록하기 (Mac 필수 꿀팁)
VS Code를 실행한 뒤, 단축키 ⌘ + ⇧ + P (명령 팔레트)를 누르고 아래 명령어를 검색하여 클릭합니다:
Command PaletteShell Command: Install 'code' command in PATH
성공 알림이 뜨면 Mac 터미널에서
code .명령으로 현재 폴더를 즉시 열 수 있습니다.
Ubuntu / Debian 계열은 .deb 패키지, Fedora / SUSE 계열은 .rpm 또는 Snap Store를 통해 손쉽게 설치할 수 있습니다:
sudo snap install --classic code
한글 패치하기: Korean Language Pack (Koext) 설치
처음 설치하면 모든 메뉴가 영어로 표시됩니다. 공식 한국어 언어팩을 설치하여 한글 메뉴로 변경해보세요.
-
1
확장 프로그램(Extensions) 메뉴 열기
VS Code 좌측 세로 아이콘 바에서 블록 모양 아이콘 (Extensions)을 누르거나, 단축키 Ctrl + Shift + X (Mac: ⌘ + ⇧ + X)를 누릅니다.
-
2
언어팩 검색
상단 검색창에
Korean Language Pack을 입력합니다. (마이크로소프트 공식 퍼블리셔 확인) -
3
[Install] 클릭 후 VS Code 재시작 (Restart)
파란색 [Install] 버튼을 누르면 설치 후 우측 하단에 "Restart" (재시작) 팝업이 뜹니다. 클릭하면 VS Code가 재부팅되며 모든 메뉴가 한글로 바뀝니다.
초보자를 위한 3가지 필수 초기 환경설정
단축키 Ctrl + , (Mac: ⌘ + ,)를 눌러 설정(Settings) 창을 열고 아래 옵션을 켜두세요:
설정 창 검색창에 auto save 를 입력하고, 값을 afterDelay 로 변경합니다.
코드를 타이핑할 때마다 자동으로 저장되어 작업 중단이나 브라우저 새로고침 시 코드 미저장 실수를 완벽히 방지합니다.
기본 폰트 크기(14)가 작게 느껴진다면 검색창에 font size 를 검색하여 16 또는 18로 키우면 눈의 피로를 줄일 수 있습니다.
검색창에 word wrap 을 입력하고 on 으로 켜면 코드가 가로로 길어져도 화면 밖으로 잘리지 않고 다음 줄로 자동 개행되어 보기 편해집니다.