Visual Studio Code 사용자 인터페이스 검토
Visual Studio Code는 본질적으로 코드 편집기이며, 다른 많은 코드 편집기와 비슷한 사용자 인터페이스와 레이아웃이 포함됩니다. 인터페이스 왼쪽에는 코드 프로젝트의 파일 및 폴더에 액세스하는 데 사용할 사이드바가 있습니다. 오른쪽에는 애플리케이션 파일의 내용을 표시하는 편집기 영역이 있습니다.
사용자 인터페이스의 기본 영역 검토
다음 다이어그램은 Visual Studio Code 사용자 인터페이스에 포함된 6개의 주요 섹션을 보여줍니다.
A - 작업 표시줄은 창의 맨 왼쪽에 있는 좁은 세로 막대입니다. 작업 표시줄을 사용하면 보기(예: 탐색기 또는 확장) 사이에 전환할 수 있고 다른 컨텍스트별 표시기를 제공합니다.
B - 사이드바에는 도구와 리소스를 제공하는 보기가 포함되어 있습니다. 사이드바 보기(예: 탐색기)는 코드 프로젝트 작업에 매우 유용합니다.
C - 편집기는 파일을 편집하는 데 사용되는 영역입니다. 편집기를 원하는 수만큼 세로 및 가로로 나란히 열 수 있습니다.
D - 패널 영역은 편집기 영역 아래에 출력 또는 디버그 정보, 오류 및 경고 또는 통합 터미널에 대한 다양한 패널을 표시하는 데 사용됩니다.
E - 상태 표시줄은 열린 프로젝트 및 편집한 파일에 대한 정보를 표시하는 창 아래쪽의 가로 막대입니다.
F - 기본 메뉴는 애플리케이션 창의 맨 위에 있는 메뉴 인터페이스입니다. 메뉴 옵션을 사용하면 코드를 저장, 편집 및 실행(이외의 많은 작업)을 수행할 수 있습니다.
Visual Studio Code에 능숙해지면서 설명한 화면 영역에서 작업하게 될 것입니다. 그러나 먼저 기억해야 할 가장 중요한 영역은 작업 표시줄, 사이드바 및 편집기입니다. 작업 표시줄은 수행할 작업을 선택하는 위치입니다. 사이드바에는 도구와 옵션이 표시되고 편집기에는 편집하는 정보(일반적으로 코드)가 표시됩니다.