De gebruikersinterface van Visual Studio Code onderzoeken

Voltooid

In het hart is Visual Studio Code een code-editor, met een gebruikersinterface en lay-out die vergelijkbaar is met veel andere code-editors. Aan de linkerkant van de interface bevindt zich een zijbalk die u gebruikt voor toegang tot de bestanden en mappen in uw codeproject. Aan de rechterkant bevindt zich een editorgebied waarin de inhoud van de toepassingsbestanden wordt weergegeven.

De belangrijkste gebieden van de gebruikersinterface onderzoeken

In het volgende diagram ziet u de zes hoofdsecties die zijn opgenomen in de gebruikersinterface van Visual Studio Code.

Schermopname van vijf gebieden van de Visual Studio Code-interface.

A - De activiteitenbalk is de smalle verticale balk aan de linkerkant van het venster. Met de activiteitenbalk kunt u schakelen tussen weergaven (zoals Explorer of Extensies) en krijgt u andere contextspecifieke indicatoren.

B - De zijbalk bevat weergaven die hulpprogramma's en resources bieden. De zijbalkweergaven (zoals EXPLORER) zijn erg handig wanneer u aan een codeproject werkt.

C - De editor is het gebied dat wordt gebruikt om uw bestanden te bewerken. U kunt zoveel editors openen als u wilt, verticaal en horizontaal.

D - Het deelvenstergebied wordt gebruikt om verschillende panelen onder de editorregio weer te geven voor uitvoer- of foutopsporingsgegevens, fouten en waarschuwingen of een geïntegreerde terminal.

E - De statusbalk is de horizontale balk onderaan het venster met informatie over het geopende project en de bestanden die u bewerkt.

F - Het hoofdmenu is de menuinterface boven aan het toepassingsvenster. Met de menuopties kunt u uw code opslaan, bewerken en uitvoeren (en nog veel meer).

Naarmate u meer vertrouwd raakt met Visual Studio Code, werkt u in de schermgebieden die worden beschreven. Als u echter wilt beginnen, zijn de belangrijkste gebieden die u moet onthouden de activiteitenbalk, de zijbalk en de editor. Op de activiteitenbalk selecteert u de activiteit die u wilt uitvoeren. Op de zijbalk worden hulpprogramma's en opties weergegeven en de editor geeft de informatie weer die u bewerkt, meestal uw code.