추가 구성 요소 및 도구
Visual Studio Code는 의도적으로 다운로드 크기가 작으며 대부분의 개발 워크플로에서 공유되는 최소한의 구성 요소만 포함합니다. 편집기, 파일 관리, 창 관리 및 기본 설정과 같은 기본 기능이 포함되어 있습니다. JavaScript/TypeScript 언어 서비스 및 Node.js 디버거도 기본 설치의 일부입니다.
기존의 대규모 모놀리식 개발 도구(IDE)에 익숙하다면 기본적으로 모든 시나리오가 지원되지 않는 것에 놀랄 수 있습니다. 예를 들어, 미리 설치된 프로젝트 템플릿이 있는 파일 > 새 프로젝트 대화 상자가 없습니다. 대부분의 VS Code 사용자는 특정 요구 사항에 따라 추가 구성 요소를 설치해야 합니다.
일반적으로 사용되는 구성 요소
다음은 일반적으로 설치되는 몇 가지 구성 요소입니다.
- Git - VS Code는 Git을 사용한 소스 코드 제어에 대한 기본 지원을 제공하지만 Git은 별도로 설치해야 합니다.
- Node.js (npm 포함) - JavaScript 애플리케이션을 구축하고 실행하기 위한 크로스 플랫폼 런타임입니다.
- TypeScript - TypeScript를 JavaScript로 트랜스파일하기 위한 TypeScript 컴파일러인
tsc입니다.
위의 구성 요소들은 저희 문서 및 워크플로에서 자주 언급됩니다.
VS Code 확장
확장 프로그램을 통해 VS Code 편집기 자체를 확장할 수 있습니다. VS Code 커뮤니티는 VS Code Marketplace에서 사용할 수 있는 수천 가지 유용한 확장 프로그램을 개발했습니다.
다음 목록은 VS Code Marketplace의 인기 있는 확장 프로그램 중 일부를 보여줍니다. 확장 프로그램 타일을 선택하여 확장 프로그램 세부 정보를 확인하세요.
추가 도구
Visual Studio Code는 기존 도구 체인과 통합됩니다. 다음 도구들이 개발 경험을 향상시킬 것이라고 생각합니다.
- Yeoman - 애플리케이션 스캐폴딩 도구로, 파일 > 새 프로젝트의 명령줄 버전입니다.
- generator-hottowel - AngularJS 애플리케이션을 빠르게 생성하기 위한 Yeoman 생성기입니다.
- Express - Pug 템플릿 엔진을 사용하는 Node.js 애플리케이션을 위한 애플리케이션 프레임워크입니다.
- Gulp - VS Code 작업과 쉽게 통합되는 스트리밍 작업 실행기 시스템입니다.
- Mocha - Node.js에서 실행되는 JavaScript 테스트 프레임워크입니다.
- Yarn - npm의 대안인 종속성 관리자입니다.
참고: 이러한 도구 중 대부분은 설치 및 사용을 위해 Node.js와 npm 패키지 관리자가 필요합니다.
다음 단계
- 사용자 인터페이스 - VS Code에 대한 빠른 안내입니다.
- 사용자/작업 영역 설정 - 설정을 통해 VS Code를 기본 설정에 맞게 구성하는 방법을 알아봅니다.
- 언어 - VS Code는 기본적으로 많은 프로그래밍 언어를 지원하며, 커뮤니티에서 만든 확장 프로그램을 통해 더 많은 언어를 지원합니다.