내가 사용하는 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 은 기본 기능에 포함되어 있다.