Visual Studio Code(VSCode)는 마이크로소프트에서 개발한 무료 코드 편집기로, 다양한 프로그래밍 언어를 지원하며, 확장 기능을 통해 강력한 개발 환경을 제공한다. VSCode는 가볍고 빠르며, 초보자부터 전문가까지 폭넓게 사용할 수 있다. 이번 안내에서는 VSCode의 기본 사용법에 대해 소개한다.

1. Visual Studio Code 설치 및 기본 설정

1. 공식 웹사이트 방문: VSCode 공식 웹사이트에 접속한다.
2. 다운로드: 운영체제에 맞는 설치 파일을 다운로드한다.
   • Windows, macOS, Linux 버전이 제공된다.
3. 설치 실행: 다운로드한 파일을 실행하여 설치 과정을 완료한다.

기본 설정

1. 테마 변경: 파일 > 기본 설정 > 테마에서 원하는 테마를 선택하여 에디터의 색상을 변경할 수 있다.
2. 키보드 단축키 설정: 파일 > 기본 설정 > 키보드 단축키에서 필요한 단축키를 설정하거나 변경할 수 있다.
3. 기본 설정 파일: 파일 > 기본 설정 > 설정에서 JSON 파일 형식으로 설정을 직접 수정할 수 있다.

2. 파일 및 프로젝트 관리

1. 파일 열기: 파일 > 열기를 선택하여 원하는 파일을 연다. 또는 단축키 Ctrl + O를 사용할 수 있다.
2. 파일 저장: 파일 > 저장을 선택하거나 단축키 Ctrl + S를 사용하여 파일을 저장할 수 있다.

프로젝트 관리

1. 폴더 열기: 파일 > 폴더 열기를 선택하여 프로젝트 폴더를 열 수 있다.
2. 워크스페이스 저장: 현재 작업 중인 프로젝트를 워크스페이스로 저장하여, 나중에 동일한 환경을 쉽게 불러올 수 있다.
3. 탐색기 사용: 에디터 왼쪽의 탐색기를 통해 파일과 폴더를 관리하고, 더블 클릭하여 파일을 열 수 있다.

3. 확장 프로그램 설치 및 사용

VSCode는 다양한 확장 프로그램을 통해 기능을 확장할 수 있다. 확장 프로그램을 설치하면 개발 환경을 더욱 강력하게 만들 수 있다.

1. 확장 프로그램 창 열기: 에디터 왼쪽의 확장 프로그램 아이콘을 클릭하거나 Ctrl + Shift + X를 눌러 확장 프로그램 창을 연다.
2. 검색 및 설치: 필요한 확장 프로그램을 검색하고, 설치 버튼을 눌러 설치한다.
3. 확장 프로그램 관리: 설치된 확장 프로그램을 비활성화하거나 제거할 수 있다.

추천 확장 프로그램

1. Prettier: 코드 포맷터로, 코드를 일관되게 포맷팅해 준다.
2. ESLint: 자바스크립트 코드의 문법 검사를 도와준다.
3. Python: 파이썬 개발을 위한 확장으로, 디버깅, 코드 완성, 린팅 등을 제공한다.
4. Live Server: HTML 파일을 실시간으로 미리 볼 수 있게 해준다.
5. GitLens: Git 리포지토리의 변경 사항을 시각적으로 보여준다.

VSCode는 초보자부터 전문가까지 모두 사용할 수 있는 강력한 코드 편집기이다. 위의 기본 사용법을 참고하여 VSCode를 시작해 보자. 추가 기능과 설정을 통해 자신에게 맞는 개발 환경을 만들어 나갈 수 있다.