Choisissez un éditeur adapté, installez-le et appliquez les quelques réglages qui changent tout.
Ouvrir cette leçon dans KodokonPuisque le code est du texte, le Bloc-notes suffirait techniquement. En pratique, un éditeur de code vous fera gagner un temps considérable et vous évitera des dizaines d'erreurs. Ce n'est pas un outil de professionnel réservé aux initiés : c'est au contraire quand on débute qu'il aide le plus, parce qu'il signale les fautes que l'oeil n'attrape pas encore.
Quatre fonctions justifient à elles seules l'installation. La coloration syntaxique affiche les mots-clés, les textes et les nombres dans des couleurs différentes : une chaîne de caractères mal fermée saute alors aux yeux. L'indentation automatique aligne vos lignes pour rendre la structure lisible. L'autocomplétion propose la suite pendant que vous tapez, ce qui évite les fautes de frappe. Enfin le soulignement des erreurs met en évidence les problèmes avant même que vous lanciez le programme.
Lequel choisir ? Pour débuter, prenez Visual Studio Code, souvent abrégé VS Code. Il est gratuit, disponible sur Windows, macOS et Linux, et c'est de loin le plus utilisé : tous les tutoriels que vous lirez le supposent. Téléchargez-le uniquement depuis son site officiel code.visualstudio.com. Deux alternatives si vous préférez : Zed et Sublime Text, plus légers. Ne passez pas trois jours à comparer : votre éditeur n'est qu'un outil, et vous pourrez toujours en changer.
L'installation ne réserve aucune surprise : téléchargez le fichier, lancez-le, acceptez les options proposées par défaut. Sur Windows, une case propose d'ajouter l'entrée « Ouvrir avec Code » au menu du clic droit : cochez-la, elle est très pratique. Au premier démarrage, l'éditeur vous propose un thème clair ou sombre. Choisissez celui qui fatigue le moins vos yeux, cela n'a aucune autre conséquence.
Voici le réflexe le plus important de cette leçon : ouvrez toujours un dossier, jamais un fichier isolé. Utilisez Fichier puis Ouvrir le dossier, et désignez le dossier de votre projet. L'éditeur affiche alors toute l'arborescence dans un panneau latéral, sait rechercher dans l'ensemble des fichiers et comprend les liens entre eux. Ouvrir un fichier seul revient à regarder une page arrachée d'un livre.
{
"files.encoding": "utf8",
"files.eol": "\n",
"files.autoSave": "afterDelay",
"editor.tabSize": 2,
"editor.renderWhitespace": "boundary"
}{
"files.encoding": "utf8",
"files.eol": ___
}