Découvrir l'éditeur

Un exemple en html

Je vous propose de télécharger le contenu minimal d'un fichier html

1
<!DOCTYPE html>
2
<html lang="fr">
3
    <head>
4
        <meta charset="utf-8">
5
        <title>Le titre de ma page</title>
6
    </head>
7
    <body>
8
      <p>J'utilise VSC pour faire du code</p>
9
    </body>
10
</html>

Ouvrir un dossier et un fichier

Pour ouvrir un dossier il suffit sur la page de bienvenue de le sélectionner.

Ouvrir un dossier

Dans l'explorateur sélectionné le dossier voulu.

Explorateur windows

Puis confirmer son ouverture. A gauche apparait l'arborescence des fichiers.

Confirmation autorisation

Pour un fichier la procédure est la même il suffit d'aller le chercher au bon endroit.

Lorsque vous avez ouvert le fichier 02b index.html vous obtenez la fenêtre suivante.

Fichier de code

Vous voyez votre fichier écrit en html, un des nombreux langages gérés par défaut par VSC. Si vous ne comprenez pas le code ce n'est pas important. Il s'agit simplement d'explorer les quelques fonctionnalités de base,

  • Le texte est coloré. Les différentes couleurs correspondent à différents éléments du langage utilisé, rendant votre code plus facile à lire et à comprendre.

  • Les lignes du fichier sont numérotées. C'est une aide car elle nous permet de retrouver rapidement les erreurs, ainsi que de collaborer bien plus facilement avec d'autres développeurs. Souvent, lorsque que nous faisons une erreur, le programme nous renvoie le numéro de ligne concerné.

Passez votre souris entre les numéros de ligne fléchés sur l'mage. En cliquant sur les flèches vous pouvez réduire la taille du code affiché. Le code est toujours là, mais le fait de cacher certaines sections rend l'écran moins encombré et nous aide à nous concentrer sur l'essentiel.