확장 기능 둘러보기

2016년 5월 4일, Wade Anderson 작성, @waderyan_

Visual Studio Code 확장 기능 Marketplace는 **추천**, **가장 인기 있는** 및 **새로 추가된** 확장 기능을 훌륭하게 강조 표시하며, 저희는 여러분이 사이트를 둘러보며 새로운 기능과 다른 개발자들이 사용하는 플러그인을 확인해 보시도록 권장합니다. 확장 기능 둘러보기에서는 저희가 흥미롭고 유용하다고 생각한 확장 기능을 소개하고자 합니다.

VS Code 확장 기능이 처음이신 경우, 새로운 확장 기능을 찾고 설치하는 방법에 대한 지침은 문서를 확인해 보세요.

Debugger for Edge by Microsoft JS Diagnostics

설치: Visual Studio Code 내에서 빠른 열기(⌘P (Windows, Linux Ctrl+P))를 사용하고 ext install debugger-for-edge를 붙여넣은 후 Enter 키를 누르세요.

매우 인기 있는 Debugger for Chrome 확장 프로그램을 만든 같은 팀에서 Microsoft Edge 브라우저용 Debugger for Edge를 출시했습니다. 그들은 Chrome Debugger 프로토콜을 사용하여 동일한 디버거를 재사용할 수 있었습니다. 자세한 내용은 최근 블로그 게시물에서 확인할 수 있습니다.

SVG Viewer by cssho

설치: 빠른 열기(⌘P (Windows, Linux Ctrl+P)), ext install vscode-svgviewer를 붙여넣고 Enter 키를 누르세요.

이 높은 평가를 받은 확장 기능을 사용하면 VS Code 내에서 바로 확장 가능한 벡터 그래픽(SVG)을 볼 수 있습니다. Marketplace에서 더 자세한 내용을 확인하세요.

CodeMetrics by Kiss Tamas

설치: 빠른 열기(⌘P (Windows, Linux Ctrl+P)), ext install vscode-codemetrics를 붙여넣고 Enter 키를 누르세요.

TypeScript 소스 코드가 너무 복잡해서 다른 사람이 유지보수하기 어렵다고 생각하십니까? 이 확장 기능은 코드의 복잡성을 계산하고 편집기 내 CodeLens 장식으로 등급을 표시합니다. 등급을 클릭하면 복잡성 점수를 계산하는 데 사용된 규칙이 표시됩니다.

npm IntelliSense by Christian Kohler

설치: 빠른 열기(⌘P (Windows, Linux Ctrl+P)), ext install npm-intellisense를 붙여넣고 Enter 키를 누르세요.

이 편리한 확장 기능으로 작업 공간의 npm 모듈에 대한 빠른 자동 완성을 편집기로 가져오세요.

사용하고 있는 확장 기능에 대해 알려주세요

정말 마음에 드는 확장 기능을 사용하고 있고 여기서 소개되기를 원한다면, 트윗을 보내주세요.

대부분의 확장 기능은 GitHub에서 오픈 소스로 제공되므로 소스 코드를 보고 즐겨 사용하는 확장 기능에 기여할 수 있습니다.

Wade Anderson, VS Code 팀원
@waderyan_