Intro
여러분은 어떤 IDE를 주력으로 사용하시나요?
여러 포스트에서 볼 수 있듯이 저는 완성된 것을 사용하는 것보다 커스텀 하여 사용하는 것을 좋아하는 편입니다.
이런 이유로 여러 확장 프로그램들로 커스텀이 가능한 VS Code에 정말 만족하면서 사용하고 있습니다.
확장 프로그램 중 이거 대박이다 싶었던 확장 프로그램만 뽑아서 매번 새롭게 업데이트해보겠습니다 :D
Dev Containers
Docker Container 내부에서 개발할 수 있도록 도와주는 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers
회사에서 진행했던 솔루션 중 사용하는 서드파티 애플리케이션이 정말 많았던 솔루션이 있었습니다.
심지어 개중엔 특정 OS, 특정 아키텍쳐…에서만 작동 가능한 경우도 존재했습니다.
따라서 컨테이너가 아닌 로컬 환경에서 개발하기가 어려웠는데, 그때 이 확장 프로그램의 구원을 받았었습니다.
가볍게 언급만 하고 넘어가기엔 꽤나 아쉬운 주제라 관련 내용은 따로 포스트를 한 번 더 적어볼게요 😃
위 사진처럼 컨테이너를 올리고 접속하는 일련의 과정을 자동화할 수 있습니다.
Error Lens
에러 구문을 외부로 보여줘 한눈에 파악하기 편한 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens
file-tree-generator
지정한 폴더의 구조를 출력해 주는 확장 프로그램으로, 정리 및 협업에 큰 도움이 됩니다.
https://marketplace.visualstudio.com/items?itemName=Shinotatwu-DS.file-tree-generator
Github Actions
workflows와 secret key 등을 vscode 내부에서 관리할 수 있는 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-github-actions
Github Copilot
AI base의 code autocomplete suggesions 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=GitHub.copilot
Live Share
VS Code를 여러 명과 공유해서 사용할 수 있는 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
Meterial Icon Theme
파일 및 폴더 아이콘을 아래의 Meterial Icon으로 변경해 주는 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
지원하는 목록 중 일부
생각보다 훨씬 많은 파일/폴더 포맷을 지원하기 때문에 (jenkins, .github, …) 보기에도 예쁠 뿐만 아니라, 특정 종류의 파일/폴더를 찾는데 많은 도움이 됩니다.
또, 기본 파일 및 폴더 아이콘의 색상도 지정할 수 있다는 장점이 있습니다.
파일 아이콘 색상 지정
폴더 아이콘 색상 지정
이외에도 아이콘의 투명도, 테마 등을 변경할 수 있기 때문에 애용하고 있습니다:)
Power Mode
타이핑 시에 효과를 부여해 주는 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode
이 확장 프로그램을 처음 알게됬을 땐 좋아하는 캐릭터의 gif도 넣어보고, 효과도 바꿔보면서 저만의 커스텀 효과를 만들었던 기억이 납니다.
현재는 약간 질려서 그냥 안쓰고 있네요 :(
Prettier - Code formatter
여러 언어에 대한 code formatter 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
제가 설정을 잘 못하는건지, markdown 작성 시에는 오히려 독이 되는 경우가 많더라구요.
Remote - SSH
ssh로 연결하여 VSCode를 사용할 수 있도록 하는 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh
Todo Tree
현재 workspace의 todo 혹은 fixme 단어들을 가져오는 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree
단어 목록 / 아이콘을 커스텀 할 수 있는 것이 특징이며, 저는 인수인계받는 과정에서 프로젝트 이해하는 데에 썼던 기억이 납니다.
Color Highlight
색의 hex, 이름 등에 해당하는 색으로 하이라이팅 해주는 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight
Better Comments
주석에 특정 문자가 들어갈 경우 이에 맞게 하이라이팅 해주는 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
Auto Close Tag
HTML, XML의 태그를 자동으로 닫아주는 확장 프로그램입니다.
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag