JavaScript 확장 파트 1

2016년 9월 14일, Wade Anderson, @waderyan_

이것은 JavaScript 확장 시리즈의 첫 번째 파트입니다.

2013년 여름 인턴십 동안 JavaScript를 배웠습니다. 어렵지 않은 프로그래밍 언어였지만 JavaScript는 쉽지 않았습니다. 저는 팀의 다른 사람들과 함께 경량 편집기를 사용했고 Visual Studio (C#) 및 Eclipse (Java)의 깊은 언어 통합 기능을 놓쳤습니다.

Visual Studio Code는 IDE가 아니지만 IDE가 할 수 있는 많은 작업을 수행하도록 확장할 수 있습니다. VS Code 확장은 IDE와 경량 편집기 간의 격차를 효과적으로 해소합니다 (확장을 추가할 때 성능을 유지하는 방법에 대해 여기를 참조하십시오).

아래는 저와 많은 분들이 매일 사용하고 있는 필수 JavaScript 확장 중 일부입니다.

팁: 확장을 설치하려면 확장 보기 버튼을 클릭하고 검색 상자에 확장 이름을 입력한 다음 설치를 클릭하십시오. 확장 검색에서 자세히 알아보세요.

ESLint

Marketplace - ESLint

Publisher - Dirk Baeumer

ESLint를 프로젝트에 쉽게 통합할 수 있습니다. Dirk는 VS Code 팀의 구성원이자 이 확장의 유지 관리자이며 방금 업데이트를 출시했습니다. ESLint가 여러분의 선호하는 린터가 아니라면, JSHint, JSCS, JS Standard를 포함한 다양한 다른 린터 확장 중에서 선택할 수 있습니다.

VS Code 문서에서 JavaScript 린터 설정에 대한 자세한 내용을 읽어보세요.

JavaScript (ES6) 코드 조각

Marketplace - JavaScript (ES6) 코드 조각

Publisher - charalampos karypidis

VS Code에는 많은 내장 코드 조각이 포함되어 있습니다. JavaScript (ES6) 코드 조각 확장은 ES6 (ECMAScript 6) 구문에 대한 조각을 추가합니다. 이 확장에서 제공하는 조각 중 일부를 살펴보세요. 이 팩에서 제공하는 수십 개의 조각을 보려면 확장 README를 참조하세요.

VS Code 문서에서 JavaScript 코드 조각에 대한 자세한 내용을 읽어보세요. Angular 1, Angular 2, Bootstrap 3, ReactJs, jQuery를 포함한 추가 코드 조각 팩을 보려면 Marketplace의 코드 조각 카테고리를 확인하세요.

Path IntelliSense

Marketplace - Path IntelliSense

Publisher - Christian Kohler

이 확장은 소스 코드에서 파일 경로를 자동 완성합니다. JavaScript, HTML, CSS 파일 등에서 사용할 수 있습니다.

npm IntelliSense

Marketplace - npm IntelliSense

Publisher - Christian Kohler

Christian Kohler가 만든 또 다른 매우 유용한 확장입니다. 이 확장은 npm 모듈에 대한 IntelliSense를 제공합니다.

Wade Anderson, VS Code 팀원
@waderyan_