VS Code용 JavaScript 확장 프로그램

Visual Studio Code는 JavaScript 및 Node.js 개발을 위한 다양한 기능을 지원합니다. 다운로드한 제품과 함께 제공되는 기능은 디버깅, IntelliSense, 코드 탐색 등 핵심 기능입니다.

이러한 핵심 기능 외에도 JavaScript 개발을 위한 VS Code에 기능을 추가하는 수많은 고품질 확장 프로그램을 설치할 수 있습니다.

팁: 확장 프로그램 설치 및 관리에 대한 자세한 내용은 확장 프로그램 설명서를 참조하세요.

확장 프로그램 찾기

확장 프로그램 보기 검색창에 JavaScript를 입력하여 JavaScript 확장 프로그램을 찾을 수 있습니다. 또는 태그를 사용하여 JavaScript 확장 프로그램을 찾을 수 있습니다. "tag:javascript". VS Code 또는 Marketplace에서 더 많은 확장 프로그램을 검색하세요.

추가로 Node.js 확장 프로그램을 검색할 수 있습니다.

팁: 위에 표시된 확장 프로그램은 동적으로 쿼리됩니다. 위에 있는 확장 프로그램 타일을 클릭하여 설명을 읽고 리뷰를 보고 자신에게 가장 적합한 확장 프로그램을 결정하세요. Marketplace에서 더 많은 정보를 확인하세요.

권장 확장 프로그램

이제 막 시작하는 경우 사용해 보기를 권장하는 확장 프로그램은 다음과 같습니다.

ESLint

Marketplace - ESLint

게시자 - Microsoft

프로젝트에 ESLint를 쉽게 통합하세요. ESLint가 선호하는 린터가 아닌 경우 JSHint, JSCS, JS Standard를 포함한 다양한 다른 린터 확장 프로그램 중에서 선택하세요.

VS Code 설명서에서 JavaScript 린터 설정에 대해 자세히 알아보세요.

SonarLint

Marketplace - SonarLint

게시자 - SonarSource

SonarLint는 코드를 작성하면서 버그 및 보안 문제를 찾아 수정하는 데 도움을 줍니다. 이 확장 프로그램은 백그라운드에서 실행되며, 맞춤법 검사기처럼 코딩 문제를 강조 표시합니다. SonarLint는 문제의 내용뿐만 아니라 문제가 왜 해로운지, 그리고 관련된 예제를 통해 어떻게 수정할 수 있는지에 대한 맥락별 지침을 제공합니다. 이 확장 프로그램은 200개 이상의 JS/TS 규칙을 지원하며 코딩 문제를 자동으로 처리할 수 있는 몇 가지 빠른 수정 기능을 포함하고 있습니다.

VS Code Marketplace에서 'SonarLint'를 검색하여 설치하세요. 별도의 설정은 필요하지 않습니다. 대부분의 사용자에게 적합한 기본 프로필로 시작하고 특정 요구 사항에 맞게 사용자 지정할 수 있습니다.

JavaScript (ES6) 코드 조각

Marketplace - JavaScript (ES6) 코드 조각

게시자 - charalampos karypidis

VS Code에는 많은 내장 코드 조각이 있습니다. JavaScript (ES6) 코드 조각 확장 프로그램은 ES6(ECMAScript 6) 구문에 대한 조각을 추가합니다. 이 확장 프로그램에서 제공하는 조각의 일부를 보여드리겠습니다. 수십 개의 조각을 제공하는 이 팩에 대한 자세한 내용은 확장 프로그램의 README를 참조하세요.

VS Code 설명서에서 JavaScript 조각에 대해 자세히 알아볼 수 있습니다. Angular 1, Angular 2, Bootstrap 3, ReactJs, jQuery를 포함한 추가 조각 팩은 Marketplace의 조각 카테고리에서 확인할 수 있습니다.

npm IntelliSense

Marketplace - npm IntelliSense

게시자 - Christian Kohler

이 확장 프로그램은 import 또는 require를 사용할 때 npm 모듈에 대한 IntelliSense를 제공합니다.