[ VSCode ] 유료 IDE 안 부러운 확장 프로그램 추천

[ VSCode ] 유료 IDE 안 부러운 확장 프로그램 추천

 

안녕하세요. 심심한 코딩쟁이입니다.

 

이번 포스팅에서는 VSCode로 개발할 때 도움이 되는 확장 프로그램에 대해 알아보겠습니다.

 

VScode 확장 프로그램

---

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. Python Indent

 

https://marketplace.visualstudio.com/items?itemName=KevinRose.vsc-python-indent 

 

Python Indent - Visual Studio Marketplace

 

공식 시연 이미지

 

파이썬 코드를 작성하다보면 Indent 문제로 어려움을 겪는 경우가 생기는데 이를 방지하기 좋은 확장 프로그램이다.

 

시연 이미지만 보아도 Indent로 골머리 썩을 일은 없어 보인다.

---

3. indent-rainbow

 

https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow 

 

indent-rainbow - Visual Studio Marketplace

 

들여쓰기 구분이 쉬워짐

 

Indent(들여쓰기)의 구분이 헷갈리지 않도록 가독성을 높여주는 확장 프로그램입니다.

 

시연 이미지처럼 표시해주는 방법을 바꿀 수 있고 원하는 색을 사용하도록 설정이 가능합니다.

---

4. Visual Studio IntelliCode

 

https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode 

 

IntelliCode - Visual Studio Marketplace

 

공식 시연 이미지

 

AI가 자주 쓰이는 기능을 우선적으로 추천해주는 확장 프로그램입니다.

 

지원하는 언어로 파이썬, 타입스크립트 / 자바스크립트, 자바가 있습니다.

---

5. Live Server

 

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer 

 

Live Server - Visual Studio Marketplace

 

공식 시연 이미지

 

서버에 수정한 코드를 올려서 적용시키기 전에 로컬에서 바로 확인할 수 있도록 가상의 서버 역할을 해주는 확장 프로그램

 

수정 결과를 빠르게 확인할 수 있기 때문에 작업의 효율성을 높여줍니다.

---

6. Better Comments

 

https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

 

Better Comments - Visual Studio Marketplace

 

공식 시연 이미지

 

주석에 다양한 색상을 넣어주어 가독성을 높이고 중요한 설명의 주석을 강조할 수 있다.

---

7. Error Lens

 

https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens 

 

Error Lens - Visual Studio Marketplace

 

공식 시연 이미지

 

작성된 코드에 에러가 존재하면 해당 줄에 에러가 있다고 알려주는 확장 프로그램

 

 

반응형

---

8. Project Manager

 

https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager 

 

Project Manager - Visual Studio Marketplace

 

VSCode에는 다른 IDE들처럼  프로젝트를 만들었을 때

 

프로젝트명으로 폴더가 생성되고, 프로젝트 별로 열고 닫기를 통해 쉽게 오가며 작업을 할 수 있는 기능이 없습니다.

 

이를 보완해주기 위해 사용하는 확장 프로그램입니다.

---

9. Code Spell Checker

 

https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker 

 

Code Spell Checker - Visual Studio Marketplace

 

공식 시연 이미지

 

공식 시연 이미지

 

스펠링 검사 및 비슷한 단어를 추천해주는 확장 프로그램입니다.

 

정신없이 코딩에 열중하다 보면 스펠링 실수가 나오거나 단어가 생각이 나지 않을 때 많은 도움이 됩니다.

 

---

10. Material Icon Theme

 

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme 

 

Material Icon Theme - Visual Studio Marketplace

 

공식 시연 이미지 보려면 더 보기 클릭

 

공식 시연 이미지

 

파일의 확장자에 따른 icon을 다양하게 보여주어 아이콘만으로 어떤 코드의 파일인지 구분하기 쉽게 해주는 확장 프로그램

 

파일 아이콘 말고도 폴더 아이콘도 종류에 따라 다양하게 표현된다.

---

11. Bookmarks

 

https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks 

 

Bookmarks - Visual Studio Marketplace

 

공식 시연 이미지

 

웹 브라우저를 사용하면서 북마크 기능을 사용해보신 적이 있다면 이해가 어떤 기능을 하는지 바로 이해될 겁니다.

 

코딩을 하다가 추후에 다시 살펴보고 싶은 라인이 있거나 기억해두고 싶은 라인이 존재하면 그곳에 북마크를 만들고

 

북마크 리스트에서 찾으면 쉽게 원하는 라인에 도달할 수 있습니다.

---

여기까지 유료 IDE가 부럽지 않게 만들어주는 VSCode의 확장 프로그램을 살펴보았습니다.

 

VSCode를 사용하다 유용한 확장 프로그램을 알게 되면 추가적으로 포스팅하도록 하겠습니다.

 

눈이 많이 와서 길이 미끄러우니 야외활동 조심하세요.

 

감사합니다.