개발환경

[VScode] 추천 확장 모음

김해리 2022. 2. 14. 11:30

Visual Studio Code 추천 확장 모음

VScode는 다양한 확장 기능들과 테마들을 Marketplace에서 제공하고 있어 쉽게 설치하여 관리가 가능합니다. 많은 프로그래밍 언어에 대한 공식 지원 확장도 Microsoft에 의해 제작되어 편하게 사용할 수 있습니다.

추천 테마

VScode를 사용하면서 마음에 드는 테마가 없어 계속 새로운 테마를 찾아다녔지만, 이 테마를 만난 이후로는 몇 년 동안 변함없이 사용하고 있습니다. 개인적으로 VScode 뿐만 아니라 다른 프로그램에서도 이 테마를 적용해서 사용합니다.

Dracula Official

글을 작성하는 2022년 2월 기준으로 3백만회 이상 다운로드 되었습니다.
VScode의 기본 Dark 테마입니다.
Dracula Soft를 적용한 모습입니다.

추천 확장

indent-rainbow

프로그래밍 언어 중에는 Python과 같이 들여 쓰기(indentation)에 민감한 언어들이 존재합니다. 그래서 들여 쓰기가 어느 깊이로 들어가 있는지 잘 파악하는 것이 중요합니다. 하지만 코드 블록의 단계가 깊어져 들여 쓰기가 많이 사용되어 있으면, 어느 단계에 속하는지 파악하기 어려운 경우가 있습니다. 이러한 어려움 해결에 도움을 주는 확장들이 존재합니다. 그중 하나는 들여 쓰기 깊이에 따라 다른 색상으로 표시하는 indent-rainbow라는 확장입니다.

글을 작성하는 2022년 2월을 기준으로 2백90만회 이상 다운로드 되었습니다.
들여쓰기 깊이가 다르면 다른 색상으로 표시를 해줍니다.

Blockman

앞서 소개한 indent-rainbow와 비슷하게 같은 수준에 속하는 코드를 사각형 블록으로 표현해주는 확장입니다.

if 구문 하위에 해당하는 코드들이 사각형 블럭으로 구분되어 표현됩니다.

vscode-icons

이번 확장은 기능적인 측면보다는 테마에 가까운 역할을 하는 확장입니다. VScode에서 자체적으로 여러 언어로 작성된 프로그래밍 언어들에 대해 파일 아이콘을 각기 다르게 표현하고 있습니다. 하지만 폴더에 대해서는 별도의 지원을 하고 있지 않습니다.  vscode-icons 확장을 사용하시면, 더 다양한 파일 확장자에 대한 아이콘 표현과 여러 폴더 이름에 대한 아이콘 표현이 가능합니다. 

글을 작성하고 있는 2022년 2월 기준으로 9백90만회 이상 다운로드 되었습니다.
확장을 적용하기 이전에는 폴더에 대해 특별한 아이콘이 출력되지 않습니다.
확장을 적용하면 폴더의 이름에 따라 다른 아이콘이 적용됩니다.

해당 확장이 지원하는 파일 확장자 및 폴더 이름은 하단의 링크에서 확인이 가능합니다.

vscode-icons가 지원하는 확장자

vscode-icons가 지원하는 폴더 이름

반응형