[문서 편집기] VSCode 추천 플러그인 10가지

Visual Studio Code

 

Visual Studio Code는 많은 플러그인을 제공하여 사용자의 편의성을 높일 수 있습니다. 따라서, 여러 가지 플러그인 중에서 추천하는 10가지를 아래와 같이 작성해드리겠습니다.

 

Live Server

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

Live Server - Visual Studio Marketplace

• HTML, CSS, JavaScript 파일을 수정할 때, 자동으로 웹 페이지를 새로고침해주는 플러그인입니다.
• 웹 개발 시, 실시간으로 수정 내용을 확인할 수 있어 효율적입니다.

---

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

Prettier - Code formatter - Visual Studio Marketplace

• 코드 포맷팅을 자동으로 수행해주는 플러그인입니다.
• 코드의 가독성을 높여주고, 일관성 있는 코드 스타일을 유지할 수 있습니다.

---

GitLens

3. GitLens https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens 

GitLens — Git supercharged - Visual Studio Marketplace

• Git 기능을 확장시켜주는 플러그인입니다.
• 코드 변경 내역, 코드 작성자 등의 정보를 볼 수 있으며, 코드 리뷰에 유용합니다.

---

반응형

4. ESLint https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint 

ESLint - Visual Studio Marketplace

• 자바스크립트 코드에서 발생하는 오류를 검사해주는 플러그인입니다.
• 코드 품질을 높이고, 오류를 미리 방지할 수 있습니다.

---

Material Icon Theme

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

Material Icon Theme - Visual Studio Marketplace

• 파일 탐색기에서 파일 아이콘을 변경해주는 플러그인입니다.
• 아이콘을 추가하고, 디렉토리를 쉽게 구분할 수 있습니다.

---

Bracket Pair Colorizer

6. Bracket Pair Colorizer https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2 

[Deprecated] Bracket Pair Colorizer 2 - Visual Studio Marketplace

• 괄호를 서로 다른 색으로 표시하여 코드 가독성을 높여주는 플러그인입니다.
• 중첩된 괄호의 경우, 각 층마다 다른 색으로 표시하여 가독성을 높입니다.

---

Auto Rename Tag

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

Auto Rename Tag - Visual Studio Marketplace

• HTML 태그를 수정할 때, 해당 태그의 시작과 끝을 동시에 수정해주는 플러그인입니다.
• 코드 작성 시 시간을 절약할 수 있습니다.

---

Path Intellisense

8. Path Intellisense https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense 

Path Intellisense - Visual Studio Marketplace

• 파일 경로 및 파일명 자동완성 기능을 제공하는 플러그인입니다.
• 경로를 수동으로 입력할 필요 없이 파일 찾기가 용이합니다.

---

Code Spell Checker

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

Code Spell Checker - Visual Studio Marketplace

• 영어 철자 검사를 수행해주는 플러그인입니다.
• 오타나 철자 오류를 방지할 수 있습니다.

---

Remote - SSH

10. Remote - SSH https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh 

Remote - SSH - Visual Studio Marketplace

• SSH로 원격 서버에 접속할 수 있는 플러그인입니다.
• 로컬에서 원격 서버에 직접 연결하여 코드를 작성하고, 실행할 수 있습니다.