Utiliser la police JetBrains Mono dans vscode

Comme vous le savez, VSCode est très personnalisable : vous pouvez installer une multitude d'extensions, changer le thème par défaut et utiliser la police de votre choix.

La même police, installée en variante Nerd Font, est ce qui permet aux icônes de Powerlevel10k et de eza de s'afficher correctement dans votre terminal — ça vaut donc la peine de la configurer aussi dans Windows Terminal.

Jetez donc un œil à la police JetBrains Mono. C'est une police gratuite, pour un usage commercial comme non commercial.

Pourquoi cette police​

• Elle est gratuite, pour un usage commercial comme non commercial.
• Elle est particulièrement lisible : un O (la lettre) et un 0 (le chiffre), un I (i majuscule) et un l (L minuscule) sont clairement distincts — plus besoin de devineriez dans un terminal ou un diff.
• Elle propose de belles ligatures : les séquences comme !=, => ou -> sont affichées comme un seul glyphe, plus propre, au lieu de caractères séparés.

Rendez-vous sur https://www.jetbrains.com/lp/mono/ pour voir le potentiel de cette police.

Installer la police JetBrains Mono​

C'est simple : allez sur https://www.jetbrains.com/lp/mono/#how-to-install et cliquez sur le bouton Download font.

Une fois le téléchargement terminé, allez dans votre dossier de téléchargements, décompressez le fichier puis entrez dans le dossier JetBrainsMono qui vient d'être créé et allez dans fonts/ttf. Vous y trouverez plusieurs sous-dossiers. Sous Windows, ouvrez simplement le premier dossier, sélectionnez tous les fichiers et faites un clic droit. Dans le menu contextuel, choisissez Install comme ci-dessous :

Configurer VSCode pour utiliser la police JetBrains Mono​

• Appuyez sur CTRL+, pour ouvrir la page des paramètres
• Dans la section Text Editor --> Font, saisissez JetBrains Mono comme famille de police.

Mais la méthode la plus simple est celle-ci :

• Appuyez sur CTRL+, pour ouvrir la page des paramètres
• En haut à droite de l'écran, repérez le bouton Open Settings (JSON) et cliquez dessus

• Puis copiez-collez ces entrées :

{
  "editor.fontFamily": "JetBrains Mono",?
  "editor.fontSize": 14,?
  "editor.fontLigatures": true?
}

Enregistrez, fermez VSCode et rouvrez-le (ou appuyez simplement sur CTRL+SHIFT+P et lancez Developer: Reload Window)

Conclusion​

Installez la police une fois au niveau du système, ajoutez deux lignes à settings.json, et chaque onglet de l'éditeur profite dès lors de formes de caractères plus claires et des ligatures. Maintenant que votre éditeur a l'allure que vous voulez, CodeSnap vous permet de transformer n'importe quelle sélection en capture d'écran partageable qui met en valeur cette police.