작업환경/코딩

범용성 최강 에디터, VS Code 확장프로그램 추천 #1

한의정 2021. 8. 20. 14:01

확장 프로그램 단축키 : [Ctrl + Shift + x]

링크를 클릭하거나 확장 프로그램 탭에서 검색 후 설치

 

 

 

1. Better Comments

Better Comments - Visual Studio Marketplace

 

Better Comments - Visual Studio Marketplace

Extension for Visual Studio Code - Improve your code commenting by annotating with alert, informational, TODOs, and more!

marketplace.visualstudio.com

 

주석을 더 잘 보이게 해주고 몇 가지 색상 옵션을 추가한다.

2. Error Lens

Error Lens - Visual Studio Marketplace

 

Error Lens - Visual Studio Marketplace

Extension for Visual Studio Code - Improve highlighting of errors, warnings and other language diagnostics.

marketplace.visualstudio.com

코드에 에러가 있을 경우 해당 줄에 오버레이 형식으로 띄워준다.

오타, 괄호 실수, 라이브러리 미참조 등 왠만한 오류는 컴파일이나 실행해보기 전에 이걸로 잡을 수 있다.

3. Bracket Pair Colorizer 2

Bracket Pair Colorizer 2 - Visual Studio Marketplace

 

Bracket Pair Colorizer 2 - Visual Studio Marketplace

Extension for Visual Studio Code - A customizable extension for colorizing matching brackets

marketplace.visualstudio.com

괄호끼리 묶어서 다른 색으로 칠해준다. 가독성 향상에 도움이 된다.

 

4. Git Extension Pack

Git Extension Pack - Visual Studio Marketplace

 

Git Extension Pack - Visual Studio Marketplace

Extension for Visual Studio Code - Popular Visual Studio Code extensions for Git

marketplace.visualstudio.com

 

하나 깔면 5개가 동시에 깔리는 묶음팩이다.

- Git History : 레포지토리 기록을 조회할 수 있다.

- Project Manager : 5번 항목에서 설명.

- GitLens : 레포지토리 내부 파일을 수정할 때 왠만한 내용은 다 오버레이로 보여준다. 직접 써보는 게 이해가 빠르다.

- gitignore : Github에서 레포지토리를 처음 팔 때 언어를 선택할 수 있는데 그걸 가져올 수 있다.

- Open in GitHub / Bitbucket / VisualStudio.com : 해당 파일을 온라인 링크에서 열 수 있다.

 

Git 관련 확장 프로그램은 이거랑 Git graph 두 개면 충분하다.

 

5. Project Manager

Project Manager - Visual Studio Marketplace

 

Project Manager - Visual Studio Marketplace

Extension for Visual Studio Code - Easily switch between projects

marketplace.visualstudio.com

현재 workspace(working directory랑 다름)를 저장할 수 있다.

여러 개 저장할 수 있고 [Shift + alt + p]로 손쉽게 전환할 수 있다.

여기까지 들으면 그럭저럭 쓸 만하겠다 싶겠지만 이 확장 프로그램의 진가는 한 번 저장한 경로는 어디든 되돌아올 수 있다는 것이다.

내 로컬 컴퓨터의 경로는 물론, ssh 너머의 폴더, wsl 너머의 폴더, 도커 컨테이너 내부 폴더 등 어디든 가능하다.

개인적으로 강추하는 플러그인.

 

 

6. Git Graph

Git Graph - Visual Studio Marketplace

 

Git Graph - Visual Studio Marketplace

Extension for Visual Studio Code - View a Git Graph of your repository, and perform Git actions from the graph.

marketplace.visualstudio.com

git log --graph

원래 위 명령어를 쳐야 그래프 형태로 로그를 볼 수 있지만 버튼만 누르면 볼 수 있게 바꾼다.

 

7. Tabnine

Tabnine - Code Faster with the All-Language AI Assistant for Code Completion, autocomplete JavaScript, Python, TypeScript, PHP, Go, Java, Ruby, C/C++, HTML/CSS, C#, Rust, SQL, Bash, Kotlin, React, Swi - Visual Studio Marketplace

 

Tabnine - Code Faster with the All-Language AI Assistant for Code Completion, autocomplete JavaScript, Python, TypeScript, PHP,

Extension for Visual Studio Code - 👩‍💻🤖 JavaScript, Python, Java, Typescript & all other languages - AI Code completion plugin. Tabnine makes developers more productive by auto-completing their code.

marketplace.visualstudio.com

AI 기반 코드 자동완성 플러그인이다. VSCode

GPT-2 기반이고 무료 사용자는 하루 사용 제한이 있다.

학생이면 여기에서 Tabnine Pro 기능을 무료/무제한으로 사용할 수 있다.

써보면 흔히 사용하는 자동완성 플러그인이랑 느낌이 좀 다르다.

비슷한 플러그인으로 Kite가 있는데 이쪽은 AI 기반이 아닌 걸로 알고 있고 체감 성능은 썩 좋지 않다.

 

8. Vim

Vim - Visual Studio Marketplace

 

Vim - Visual Studio Marketplace

Extension for Visual Studio Code - Vim emulation for Visual Studio Code

marketplace.visualstudio.com

Vim을 VS Code에서 쓸 수 있게 해준다.

설정을 만지면 .vimrc도 적용할 수 있다.

vim, neovim 둘다 사용할 수 있다.

 

9. Visual Studio IntelliCode

Visual Studio IntelliCode - Visual Studio Marketplace

 

Visual Studio IntelliCode - Visual Studio Marketplace

Extension for Visual Studio Code - AI-assisted development

marketplace.visualstudio.com

이쪽도 AI 기반 자동완성 플러그인인데 Tabnine이랑 차이점이 있다.

Tabnine은 추천 길이가 제한이 없어서 심하면 단어 하나만 쳐도 한 줄 전체를 제안하는 경우도 있다.

그리고 왠만한 자동완성 플러그인은 최대 한 단어까지만 제안한다.

이 플러그인은 최대 몇 단어까지 제안한다.

Tabnine이 학생 아니면 유료라는 걸 감안하면 가장 쓸 만하다.

 

 

 

10. Remote Development

Remote Development - Visual Studio Marketplace

 

Remote Development - Visual Studio Marketplace

Extension for Visual Studio Code - An extension pack that lets you open any folder in a container, on a remote machine, or in WSL and take advantage of VS Code's full feature set.

marketplace.visualstudio.com

 

하나 깔면 3개가 깔리는 묶음팩이다.

- Remote-ssh : ssh 접속 기능을 추가한다.

- Remote-Containers : '현재 컴퓨터'의 도커 컨테이너에 접속할 수 있다.

- Remote-WSL : WSL에 접속할 수 있다.

컴퓨터에 따라서는 VS Code를 설치할 때 같이 깔리는 경우도 있다.

ssh의 경우 강력한 편의기능이 하나 있는데, 프록시 설정을 등록할 수 있다.

 

 

 

위 플러그인들은 사용 언어가 달라도 공통적으로 사용할 수 있는 것들이다.

ssh 관련 설정법은 기회가 되면 따로 작성할 것이다.