Exercice – Utiliser Visual Studio Code pour le web

  • 2 minutes

Avant de commencer à coder à l’utilisation, vous devez vous familiariser avec Visual Studio Code pour le web pour la première fois.

Dans cet exercice, vous allez explorer VS Code pour l’interface web et vous entraîner à installer une extension.

Tout d’abord, vous allez explorer l’interface de VS Code pour le web.

  1. Dans un navigateur, accédez à https://vscode.dev

  2. L’expérience dans le navigateur ressemble à celle de VS Code Desktop. Par exemple, vous disposez de la zone de l’éditeur, de la palette de commandes et de plusieurs vues, telles que l’Explorateur de contrôles de code source et les extensions, dans la barre latérale. Cette interface offre une expérience cohérente lors de l’utilisation dans le navigateur.

    Capture d’écran de la page d’accueil vscode.dev.

Installer une extension

À présent, vous pouvez personnaliser VS Code pour le web en installant une extension.

  1. Dans la barre latérale, cliquez sur l’affichage Extensions.

    Capture d’écran de l’icône d’affichage d’extension dans la barre d’activité de VS Code.

  2. À partir de là, vous pouvez voir quelles extensions sont déjà installées et parcourir d’autres extensions.

  3. Essayez d’installer l’extension de thème GitHub en recherchant « thème github »

  4. Sélectionnez l’extension de thème GitHub, puis cliquez sur « Installer ».

    Capture d’écran de l’extension De thème GitHub dans VS Code, mettant en surbrillance la zone de recherche et le bouton Installer.

  5. Notez la rapidité d’installation de l’extension, dans votre navigateur !

Beau travail ! Vous avez terminé votre navigation initiale de VS Code pour le web. C'est peut-être la première fois que vous naviguez sur https://vscode.dev, mais cela devrait vous sembler familier si vous avez déjà utilisé le VS Code Desktop.

Dans la section suivante, vous allez apprendre à utiliser des référentiels distants dans VS Code pour le web.