[VSCode] 내가 사용하는 VSCode Extension

내가 사용하는 VSCode Extension

공통 확장

이름: Korean(사용법) Language Pack for Visual Studio Code

설명: Language pack extension for Korean
게시자: Microsoft
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko

• VSCode 한국어 번역 팩

이름: Remote - SSH

설명: Open any folder on a remote machine using SSH and take advantage of VS Code's full feature set.
게시자: Microsoft
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh

• vscode에서 ssh 접속할 수 있게 해주는 익스텐션

이름: IntelliCode

설명: AI-assisted development
게시자: Microsoft
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode

• VSCode 공식? 자동완성 익스텐션
• C#, C++, TypeScript/JavaScript, and XAML 등 지원

이름: GitLens — Git supercharged

설명: Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more
게시자: GitKraken
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

• git 관련 많은 기능이 있지만 Revision Navigation, Hovers를 주로 쓰는 듯

이름: [Deprecated] Bracket Pair Colorizer 2

설명: A customizable extension for colorizing matching brackets
게시자: CoenraadS
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

• 괄호를 색깔로 묶어서 보기 쉽게 해주는 익스텐션이지만, VSCode 기본 기능으로 포함되었음.
• https://violetboralee.medium.com/vscode%EC%97%90%EC%84%9C-bracket-pair-colorizer-%EC%82%AD%EC%A0%9C%ED%95%98%EA%B3%A0-%EB%82%B4%EC%9E%A5-%EA%B8%B0%EB%8A%A5-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-e75558a87990 참고

이름: Code Runner

설명: Run C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml, R, AppleScript, Elixir, VB.NET, Clojure, Haxe, Obj-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Pascal, Haskell, Nim,
게시자: Jun Han
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

• 코드 전체 뿐만 아니라 코드 중간에 있는 코드만 따로 실행할 수도 있어서 좋음

이름: Material Icon Theme

설명: Material Design Icons for Visual Studio Code
게시자: Philipp Kief
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

• 파일의 아이콘 테마. 깔끔하고 VSCode랑 일체감이 좋음

이름: Prettier - Code formatter

설명: Code formatter using prettier
게시자: Prettier
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

• 좋은데.. 안좋다. 지금은 사용 안함

웹 관련

이름: JavaScript (ES6) code snippets

설명: Code snippets for JavaScript in ES6 syntax
게시자: charalampos karypidis
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

• js, ts, html 등 웹 관련 언어들의 자동완성 익스텐션

이름: Color Highlight

설명: Highlight web colors in your editor
게시자: Sergii N
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

• 컬러 코드의 색상을 코드 편집기에서 보여주는 익스텐션

이름: Live Server

설명: Launch a development local Server with live reload feature for static & dynamic pages
게시자: Ritwick Dey
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

• .html 만 있어도 서버를 자동으로 만들어주고 dynamic하게 적용시켜주는 익스텐션

이름: Path Intellisense

설명: Visual Studio Code plugin that autocompletes filenames
게시자: Christian Kohler
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

• 로컬 파일의 path를 자동완성 해주는 익스텐션

이름: IntelliSense for CSS class names in HTML

설명: CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
게시자: Zignd
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

• HTML에서 CSS class 이름 자동완성 해주는 익스텐션

이름: vscode-styled-components

설명: Syntax highlighting for styled-components
게시자: Styled Components
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components

• styled Component 작성할 때 자동완성해주는 익스텐션

언어 관련

Python

이름: Python

설명: IntelliSense (Pylance), Linting, Debugging (multi-threaded, remote), Jupyter Notebooks, code formatting, refactoring, unit tests, and more.
게시자: Microsoft
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=ms-python.python

• Python 관련 대부분의 기능이 들어가있는 확장, Pylance 확장과 같이 사용

이름: Pylance

설명: A performant, feature-rich language server for Python in VS Code
게시자: Microsoft
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=ms-python.vscode-pylance

• Python 확장이 설치되어있어야 하며, Python 변수의 타입 검사 및 여러 엄청난 확장기능을 제공함

Markdown

이름: Markdown All in One

설명: All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)
게시자: Yu Zhang
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one

• Markdown 관련 단축키, 자동완성 등등

Golang

이름: Go

설명: Rich Go language support for Visual Studio Code
게시자: Go Team at Google
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=golang.Go

• Golang 관련 확장. 자동완성 등등

node.js

이름: node-snippets

설명: snippets for node + libraries
게시자: Chris Noring
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=chris-noring.node-snippets

• nodejs 자동완성 비슷한 익스텐션

이름: npm Intellisense

설명: Visual Studio Code plugin that autocompletes npm modules in import statements
게시자: Christian Kohler
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

• nodejs npm 모듈 자동완성

기타

이름: YAML

설명: YAML Language Support by Red Hat, with built-in Kubernetes syntax support
게시자: Red Hat
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=redhat.vscode-yaml

• YAML 파일 문법 검사 같은 기능 제공
• JSON 은 기본 기능에 포함되어 있다.