본문 바로가기
카테고리 없음

VS Code 설치 방법과 추천하는 이유

by Tomtomi 2024. 8. 9.

VScode 공식 홈페이지 화면

 

VS Code 추천 이유

**VS Code(Visual Studio Code)**는 전 세계 개발자들 사이에서 가장 널리 사용되는 코드 편집기 중 하나입니다. 그 이유는 다음과 같습니다:

 

- 강력한 확장성: VS Code는 다양한 프로그래밍 언어와 도구를 지원하는 수천 개의 확장 기능을 제공하여, 거의 모든 개발 환경을 커스터마이즈할 수 있습니다. JavaScript, Python, C++, Go 등 여러 언어에 대한 확장 기능이 있으며, 프레임워크와 데이터베이스 도구, Docker, Kubernetes 같은 클라우드 도구 등도 지원합니다.

 

- 통합 개발 경험: VS Code는 코드 편집, 디버깅, Git 통합, 터미널 사용 등 개발에 필요한 모든 작업을 하나의 인터페이스에서 처리할 수 있게 해줍니다. 특히, Git 통합은 매우 직관적이어서 소스 코드를 관리하고 협업하는 데 큰 도움이 됩니다.

 

- 경량성 및 성능: VS Code는 상대적으로 가벼운 코드 편집기로, 저사양 컴퓨터에서도 원활하게 동작합니다. 많은 기능을 제공하면서도 메모리 사용량이 비교적 적고, 대규모 프로젝트에서도 성능 저하가 덜합니다.

 

- 활발한 커뮤니티와 풍부한 리소스: VS Code는 활발한 개발자 커뮤니티가 지원하며, 다양한 튜토리얼, 블로그, 플러그인 등이 지속적으로 업데이트됩니다. 문제가 발생했을 때 해결 방법을 찾기가 상대적으로 쉽습니다.

 

- 크로스 플랫폼 지원: VS Code는 Windows, macOS, Linux에서 모두 사용할 수 있어, 다양한 운영 체제에서 일관된 작업 환경을 유지할 수 있습니다.

VS Code 설치 방법

웹사이트 방문 및 다운로드:

VS Code 공식 웹사이트를 방문하여 운영 체제에 맞는 설치 파일을 다운로드합니다.

  • Windows: .exe 파일
  • macOS: .dmg 파일
  • Linux: .deb 또는 .rpm 패키지

설치 과정:

Windows:

  • 다운로드한 .exe 파일을 실행하여 설치 마법사를 시작합니다.
  • 설치 경로를 지정하고, 필요한 경우 추가 옵션을 선택합니다(예: 시작 메뉴에 바로 가기 생성, 탐색기에서 파일을 열 때 VS Code로 열기).
  • "설치" 버튼을 눌러 설치를 완료합니다.

macOS:

  • .dmg 파일을 열어 VS Code 아이콘을 Applications 폴더로 드래그하여 설치합니다.

Linux:

  • .deb 또는 .rpm 패키지를 다운로드하여 터미널에서 다음 명령어를 사용해 설치합니다:
  • Ubuntu/Debian: sudo dpkg -i <다운로드한 파일>
  • Fedora/RHEL: sudo rpm -i <다운로드한 파일>

첫 실행:

설치가 완료되면 VS Code를 실행하여 첫 화면이 나타납니다. 시작 화면에서 기본적인 설정을 진행할 수 있습니다.

VS Code 사용 팁

  1. 테마와 아이콘 변경:
    • VS Code는 다양한 테마와 아이콘 세트를 제공합니다. 기본 제공되는 테마 외에도 마켓플레이스에서 다양한 테마를 설치할 수 있습니다.
    • 테마 변경: Ctrl + K, T를 눌러 테마 선택 메뉴를 열고, 원하는 테마를 선택합니다.
    • 아이콘 변경: File > Preferences > File Icon Theme에서 원하는 아이콘 테마를 선택합니다.
  2. 유용한 확장 기능 설치:
    • Python: Python 개발에 필수적인 확장 기능으로, 코드 분석, 자동 완성, 디버깅 등을 제공합니다.
    • Prettier: 코드 포맷터로, 코드 스타일을 자동으로 정리해 줍니다.
    • ESLint: JavaScript와 TypeScript 코드의 오류를 실시간으로 감지하고 수정할 수 있습니다.
    • GitLens: Git 기록을 시각적으로 보여주며, 코드 기여자 정보, 코드 변경 이력 등을 확인할 수 있습니다.
    • Live Server: HTML 파일을 브라우저에서 실시간으로 미리 볼 수 있습니다.
  3. 단축키 활용:
    • 빠른 파일 열기: Ctrl + P를 누르고 파일 이름을 입력하면, 현재 작업 중인 프로젝트의 파일을 신속하게 검색하고 열 수 있습니다.
    • 명령 팔레트: Ctrl + Shift + P를 눌러 명령 팔레트를 열고, 다양한 명령을 실행할 수 있습니다. 예를 들어, 설정 변경, Git 명령 실행 등을 할 수 있습니다.
    • 터미널 열기: Ctrl + '(백틱) 키를 눌러 통합 터미널을 열 수 있습니다. 이 터미널에서 Git 명령, 빌드 명령, 스크립트 실행 등을 바로 수행할 수 있습니다.
  4. 작업 영역 설정:
    • VS Code는 특정 프로젝트에 맞게 작업 영역을 설정할 수 있습니다. 프로젝트의 루트 폴더를 열어 해당 프로젝트에 맞는 설정을 적용하고, 이를 작업 영역으로 저장할 수 있습니다.
    • 작업 영역 저장: File > Save Workspace As...를 선택하여 작업 영역 설정을 저장할 수 있습니다.
  5. 디버깅 도구 활용:
    • VS Code는 다양한 언어의 디버깅을 지원합니다. Run and Debug 뷰를 열고, 브레이크포인트를 설정하거나, 스텝 오버, 스텝 인 기능을 사용해 코드의 흐름을 추적할 수 있습니다.
    • 또한, 확장 기능을 통해 Python, Node.js, Java 등 다양한 언어의 디버깅을 쉽게 설정하고 사용할 수 있습니다.
  6. Settings Sync 기능:
    • 여러 컴퓨터에서 동일한 VS Code 설정을 사용하고 싶다면, Settings Sync 기능을 이용해 설정, 확장, 테마 등을 동기화할 수 있습니다.
    • GitHub 또는 Microsoft 계정을 사용해 로그인하고, 설정 동기화를 활성화하면, 다른 컴퓨터에서도 동일한 설정이 자동으로 적용됩니다.

결론

VS Code는 뛰어난 확장성, 강력한 통합 개발 환경, 경량성과 성능, 크로스 플랫폼 지원, 그리고 활발한 커뮤니티를 바탕으로 다양한 개발자에게 추천할 만한 코드 편집기입니다. 설치 과정도 간단하며, 사용 팁과 함께 적절히 활용하면 생산성을 크게 향상시킬 수 있습니다. 특히, 다양한 프로그래밍 언어와 툴을 사용하는 개발자라면 VS Code는 필수 도구가 될 수 있습니다.