이 출시되었습니다! 11월의 새로운 기능 및 수정 사항을 읽어보세요.

상태 표시줄

상태 표시줄은 VS Code 워크벤치 하단에 있으며 워크스페이스와 관련된 정보 및 작업을 표시합니다. 항목은 기본(왼쪽) 및 보조(오른쪽)의 두 그룹으로 나뉩니다. 워크스페이스 전체와 관련된 항목(상태, 문제/경고, 동기화)은 왼쪽에 배치되고 보조 또는 컨텍스트별 항목(언어, 간격, 피드백)은 오른쪽에 배치됩니다. 다른 확장 프로그램도 동일한 영역에 기여하므로 추가하는 항목 수를 제한하십시오.

Status Bar example

✔️ 권장 사항

  • 짧은 텍스트 레이블 사용
  • 필요한 경우에만 아이콘 사용
  • 명확한 은유에만 아이콘 사용
  • 기본(전역) 항목을 왼쪽에 배치
  • 보조(컨텍스트별) 항목을 오른쪽에 배치

❌ 권장하지 않음

  • 사용자 지정 색상 추가
  • 아이콘 두 개 이상 추가 (필요한 경우 제외)
  • 항목 두 개 이상 추가 (필요한 경우 제외)

상태 표시줄 항목

Status Bar Item

이 예제는 GitHub Pull Requests and Issues 확장에서 제공하는 항목을 보여줍니다. 워크스페이스 전체와 관련이 있으므로 왼쪽에 배치됩니다.

진행률 상태 표시줄 항목

숨겨진 진행률(백그라운드에서 발생하는 진행률)을 표시해야 할 때는 로딩 아이콘이 있는 상태 표시줄 항목을 표시하는 것이 좋습니다(스핀 애니메이션도 추가할 수 있습니다). 진행률을 사용자에게 더 눈에 띄게 해야 하는 경우 진행률 알림으로 이동하는 것이 좋습니다.

Status Bar Progress

이 예제는 숨겨진 진행률 상태 표시줄 항목을 보여줍니다.

오류 및 경고 상태 표시줄 항목

경고 또는 오류 목적을 위해 매우 눈에 띄는 항목을 표시해야 하는 경우 상태 표시줄 항목을 구성하여 경고 또는 오류 배경색을 사용할 수 있습니다. 이 패턴은 최후의 수단으로만 사용하고, 상태 표시줄에서의 중요도를 고려하여 특별한 경우에만 사용하십시오.

Status Bar Error

이 예제는 파일의 차단 오류를 표시하기 위해 오류 상태 표시줄 항목을 사용합니다.

Status Bar Warning

이 예제는 파일의 경고를 표시하기 위해 경고 상태 표시줄 항목을 사용합니다.

© . This site is unofficial and not affiliated with Microsoft.