Visual Studio Code 정리

서론

Visual Studio Code(이하 VS Code)는 마이크로소프트에서 개발한 코드 편집기로, 웹 개발을 포함한 다양한 프로그래밍 작업에 널리 사용됩니다. 빠른 속도와 가벼운 용량을 가지고 있으며, 확장 프로그램을 설치하면 기능을 더욱 확장할 수 있습니다. 이 글에서는 VS Code의 주요 기능과 활용법을 쉽게 설명하겠습니다.

본론

1. VS Code 설치 및 실행 방법

다운로드 및 설치
- 공식 사이트(https://code.visualstudio.com)다운로드하여 설치할 수 있습니다.
- Windows, macOS, Linux에서 모두 사용할 수 있습니다.
실행 방법
- 설치 후 VS Code를 실행하면 기본적인 코드 편집 화면이 나타납니다
- 터미널에서 code . 명령어를 사용하면 현재 폴더를 VS Code에서 바로 열 수 있습니다.

2. 주요 기능

(1) 파일 탐색 기능

왼쪽 사이드바에서 프로젝트의 파일과 폴더를 쉽게 관리할 수 있습니다.
Ctrl + P (Mac에서는 Cmd + P)를 누르면 파일을 빠르게 검색할 수 있습니다.

(2) 코드 편집 기능

자동 완성 기능이 있어, 입력한 코드에 맞는 추천 단어를 표시해 줍니다.
여러 줄을 동시에 수정할 수 있는 다중 커서 기능이 지원됩니다.
코드 조각(Snippet)을 사용하여 반복적인 코드를 빠르게 입력할 수 있습니다.

(3) 터미널 기능

Ctrl + ~ (Mac에서는 Cmd + ~)을 누르면 VS Code 내부에서 터미널을 실행할 수 있습니다.
명령어를 실행하거나 Git, Node.js 등의 환경에서 작업할 때 유용합니다.

(4) 디버깅 기능

코드 실행 중 오류를 찾을 수 있도록 중단점(Breakpoint)을 설정할 수 있습니다.
JavaScript, Python, C++, Java 등 다양한 언어에서 디버깅을 지원합니다.

(5) 확장 프로그램(Extensions)

왼쪽 사이드바의 확장 프로그램 아이콘을 클릭하여 다양한 플러그인을 설치할 수 있습니다.
대표적인 확장 프로그램 예시:
- Prettier : 코드 자동 정리
- ESLint: 코드 오류 검사
- Python: : Python 개발 환경 지원
- Live Server: HTML 파일을 실시간으로 미리보기

(6) Git 연동 기능

VS Code 내부에서 Git을 연동하여 버전 관리를 쉽게 할 수 있습니다.
변경된 파일을 확인하고, 커밋(commit) 및 푸시(push) 작업을 할 수 있습니다.
Ctrl + Shift + G (Mac에서는 Cmd + Shift + G)를 누르면 Git 패널이 열립니다

결론

VS Code는 가볍고 강력한 코드 편집기로, 초보자부터 전문가까지 모두 사용할 수 있습니다. 파일 탐색, 코드 편집, 디버깅, 터미널, Git 연동, 확장 프로그램 등 다양한 기능을 제공하며, 사용자가 원하는 환경에 맞게 설정할 수 있습니다. 처음에는 기능이 많아 복잡해 보일 수 있지만, 자주 사용하다 보면 자연스럽게 익숙해지고, 효율적으로 코딩할 수 있게 됩니다.

저작자표시 비영리 변경금지

컴퓨터리뷰랩

Visual Studio Code 정리