Sprawdzanie interfejsu użytkownika programu Visual Studio Code
W centrum programu Visual Studio Code jest edytorem kodu z interfejsem użytkownika i układem podobnym do wielu innych edytorów kodu. Po lewej stronie interfejsu znajduje się pasek boczny, którego będziesz używać do uzyskiwania dostępu do plików i folderów w projekcie kodu. Po prawej stronie znajduje się obszar edytora, który wyświetla zawartość plików aplikacji.
Badanie głównych obszarów interfejsu użytkownika
Na poniższym diagramie przedstawiono sześć głównych sekcji zawartych w interfejsie użytkownika programu Visual Studio Code.
A — Pasek działania to wąski pionowy pasek znajdujący się po lewej stronie okna. Pasek działania umożliwia przełączanie się między widokami (takimi jak Eksplorator lub Rozszerzenia) i udostępnia inne wskaźniki specyficzne dla kontekstu.
B — pasek boczny zawiera widoki udostępniające narzędzia i zasoby. Widoki paska bocznego (takie jak EKSPLORATOR) są bardzo przydatne podczas pracy nad projektem kodu.
C — Edytor jest obszarem używanym do edytowania plików. Możesz otworzyć dowolną liczbę edytorów obok siebie w pionie i w poziomie.
D — obszar Panel służy do wyświetlania różnych paneli poniżej regionu edytora na potrzeby informacji wyjściowych lub debugowania, błędów i ostrzeżeń lub zintegrowanego terminalu.
E — pasek stanu to poziomy pasek u dołu okna, który wyświetla informacje o otwartym projekcie i edytowanych plikach.
F — Menu główne to interfejs menu w górnej części okna aplikacji. Opcje menu umożliwiają zapisywanie, edytowanie i uruchamianie kodu (i wiele innych).
Gdy staniesz się bardziej biegły w programie Visual Studio Code, będziesz pracować w opisanych obszarach ekranu. Aby rozpocząć, najważniejsze obszary, które należy zapamiętać, to pasek działania, pasek boczny i edytor. Pasek Działania to miejsce, w którym wybierasz działanie, które chcesz wykonać. Na pasku bocznym są wyświetlane narzędzia i opcje, a w Edytorze są wyświetlane informacje edytowane, zazwyczaj kod.