VSCode 유용한 확장(Extensions) 기능

vscode를 더 유용하고 편리하게 사용하기 위해서 확장기능을 사용합니다.

 

확장(Extensions)에는 여러가지가 있는데 제가 주로 설치해서 사용하는 기능 몇가지만 소개하고자 합니다.

 

우선 확장은 아래의 버튼을 클릭하여 설치 및 삭제 등 관리를 할 수 있습니다.

 

위 사진에서는 제가 이미 사용 중인 몇가지의 Extention이 설치되어있습니다.

 

하지만 그 중에서도 가장 기본적으로 또 우선으로 설치하는 확장들을 소개해드리겠습니다.

 

 

---

1. Korean(사용법) Language Pack for Visual Studio Code

https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko 

Korean(사용법) Language Pack for Visual Studio Code - Visual Studio Marketplace

vscode 내 영문화된 메뉴명을 한국어로 변환해주는 확장입니다.

영어가 더 편하다면 그대로 사용하셔도 되지만 역시 평소와 다름없이 사용하는데에는 한국어로 변환하여 사용하는 것 만큼 중요한게 없는 것 같아요.

메뉴의 기능을 바로 알 수 있고 보다 친숙하게 보이게 하는 효과도 있습니다.

 

 

2. Extension Pack for Java

https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack 

Extension Pack for Java - Visual Studio Marketplace

Java 개발을 하는 사용자에게 있어서는 꼭 설치하라고 권장하는 확장입니다.

Java개발, 테스트 및 디버그 까지 모두 설치해주는 확장팩입니다. 

 

 

3. Auto Rename Tag

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag 

Auto Rename Tag - Visual Studio Marketplace

 

이 확장은 HTML/XML을 수정할 때 굉장히 유용하게 사용했던 확장입니다.

한 쌍으로 이루어진 네임태그를 앞, 뒤 모두 변경해주지 않고 하나의 네임태그만 바꾸어도 모두 변경해주는 확장입니다.

 

 

4. Current File Path

https://marketplace.visualstudio.com/items?itemName=YoshinoriN.current-file-path 

Current File Path - Visual Studio Marketplace

현재 선택되어있는 파일의 위치를 상태바에 보여주는 확장입니다.

해당 기능은 지금 수정하고 있는 파일 및 폴더의 위치를 클립보드에 복사할 수 있어 일일히 찾아야 하는 수고를 덜어줍니다. 

 

 

5. Prettier - Code formatter

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode 

Prettier - Code formatter - Visual Studio Marketplace

이름부터 확장의 기능을 알 수 있는데 코드를 보기 쉽게 정리해주는 확장입니다.

모든 사람들이 다른 코딩스타일을 가지고 있어 간혹가다 알아보기도 힘들 정도의 코드도 볼 수 있는데 이 확장을 같이 사용함으로써 서로의 코드를 알기 쉽고 또 공유하기도 쉽게 해줍니다.

 

---

 

위에 소개해드린 확장들은 제가 지금 사용하는 확장들 중에서도 가장 먼저 찾게되고 설치하는 확장입니다.

이후의 확장들은 각기 다른 개발환경을 제공하기 위한 확장들이기 때문에 따로 작성할 계획입니다.

앞으로도 PC환경을 새로 설정할 때 위의 5가지는 매우 유용하게 사용하시게 될 거예요.