Examiner l’interface utilisateur de Visual Studio Code
Fondamentalement, Visual Studio Code est un éditeur de code, avec une interface utilisateur et une disposition similaires à de nombreux autres éditeurs de code. Sur le côté gauche de l’interface se trouve une barre latérale que vous utilisez pour accéder aux fichiers et dossiers de votre projet de code. Sur le côté droit se trouve une zone d’éditeur qui affiche le contenu des fichiers d’application.
Examiner les principales zones de l’interface utilisateur
Le diagramme suivant montre les six principales sections que comprend l’interface utilisateur de Visual Studio Code.
A : la barre d’activité est la barre verticale étroite située à l’extrême gauche de la fenêtre. La barre d’activité vous permet de basculer entre les affichages (par exemple, Explorateur ou Extensions) et vous fournit d’autres indicateurs spécifiques au contexte.
B : la barre latérale contient des affichages qui fournissent des outils et des ressources. Les affichages de la barre latérale (par exemple, EXPLORATEUR) sont très utiles quand vous travaillez sur un projet de code.
C : l’éditeur est la zone qui vous permet de modifier vos fichiers. Vous pouvez ouvrir autant d’éditeurs que vous le souhaitez côte à côte verticalement et horizontalement.
D : la zone Panneau permet d’afficher différents panneaux sous la région de l’éditeur pour les informations de sortie ou de débogage, les erreurs et les avertissements, ou un terminal intégré.
E : la barre d’état est la barre horizontale située en bas de la fenêtre qui affiche des informations sur le projet ouvert et les fichiers que vous modifiez.
F : le menu principal est l’interface de menu située en haut de la fenêtre de l’application. Les options de menu vous permettent d’enregistrer, de modifier et d’exécuter votre code (et bien plus encore).
Plus vous deviendrez compétent avec Visual Studio Code, plus vous serez amené à travailler dans les zones d’écran décrites. Pour commencer, toutefois, les zones les plus importantes que vous devez mémoriser sont la barre d’activité, la barre latérale et l’éditeur. La barre d’activité est l’endroit où vous sélectionnez l’activité que vous souhaitez effectuer. La barre latérale affiche les outils et les options, tandis que l’éditeur affiche les informations que vous modifiez, généralement votre code.