워크벤치 확장

"워크벤치"는 다음 UI 구성 요소를 포함하는 전체 Visual Studio Code UI를 의미합니다.

• 제목 표시줄
• 활동 표시줄
• 측면 표시줄
• 패널
• 편집기 그룹
• 상태 표시줄

VS Code는 워크벤치에 자체 구성 요소를 추가할 수 있도록 다양한 API를 제공합니다. 예를 들어, 아래 이미지에서

• 활동 표시줄: Azure App Service 확장은 보기 컨테이너를 추가합니다.
• 측면 표시줄: 내장된 NPM 확장은 탐색기 보기에 트리 뷰를 추가합니다.
• 편집기 그룹: 내장된 Markdown 확장은 편집기 그룹의 다른 편집기 옆에 웹뷰를 추가합니다.
• 상태 표시줄: VSCodeVim 확장은 상태 표시줄에 상태 표시줄 항목을 추가합니다.

보기 컨테이너

contributes.viewsContainers 기여 포인트를 사용하여 5개의 내장 보기 컨테이너 옆에 표시되는 새 보기 컨테이너를 추가할 수 있습니다. 자세한 내용은 트리 뷰 주제에서 확인할 수 있습니다.

트리 뷰

contributes.views 기여 포인트를 사용하여 보기 컨테이너에 표시되는 새 보기를 추가할 수 있습니다. 자세한 내용은 트리 뷰 주제에서 확인할 수 있습니다.

웹뷰

웹뷰는 HTML/CSS/JavaScript로 구축된 매우 사용자 정의 가능한 보기입니다. 편집기 그룹 영역에서 텍스트 편집기 옆에 표시됩니다. 웹뷰에 대한 자세한 내용은 웹뷰 가이드에서 확인할 수 있습니다.

상태 표시줄 항목

확장은 상태 표시줄에 표시되는 사용자 정의 StatusBarItem을 생성할 수 있습니다. 상태 표시줄 항목은 텍스트와 아이콘을 표시하고 클릭 이벤트에서 명령을 실행할 수 있습니다.

• 텍스트와 아이콘 표시
• 클릭 시 명령 실행

자세한 내용은 상태 표시줄 확장 샘플을 검토하여 확인할 수 있습니다.