Renommage automatique de balises dans Visual Studio Code

Image illustrant l'article : Renommage automatique de balises dans Visual Studio Code

Renommage automatique de balises dans Visual Studio Code

par Korben -

Edit : On vient de me signaler que Visual Studio intégrait maintenant nativement cette fonctionnalité. Il suffit d’aller dans les paramètres et de chercher “Link Editing” et de cocher la case. Merci à Juan pour le partage.

Capture d’écran de Visual Studio Code montrant la fenêtre de configuration des raccourcis clavier


Visual Studio Code est sans doute l’un des meilleurs IDE du moment, notamment au niveau de sa galaxie d’extensions.

Si vous êtes développeur, vous l’utilisez peut-être et voici une extension qui fait un truc tout simple, mais vachement pratique : gérer le renommage des balises HTML / XML.

En effet, quand vous modifiez l’ouverture d’une balise, il faut également en modifier la fermeture, sinon vous allez provoquer malheur et damnation.

Mais pour les têtes en l’air comme moi, il existe l’extension Auto Rename Tag que vous pouvez trouver ici et qui vous permettra de faire ceci :

Code HTML avec des balises en surbrillance dans Visual Studio Code

Et si vous souhaitez en apprendre plus sur Visual Studio Code pour le maîtriser à fond, il y a un bon bouquin en anglais qui s’appelle Visual Studio Code Distilled que je vous invite à lire.

Illustration montrant une flèche verte pointant vers un bouton intitulé ‘Renommer’ dans Visual Studio Code