Mise à jour de Visual Studio : fermeture automatique des parenthèses et des guillemets

Introduction aux parenthèses et guillemets à fermeture automatique

Tim commence la vidéo en soulignant une tâche d'édition courante dans n'importe quel éditeur de code : entourer le texte ou le code de guillemets, de parenthèses ou d'accolades. Qu'il s'agisse de formater un code source, d'isoler la logique d'une fonction ou de préparer des données pour la sortie, il est essentiel d'entourer correctement le texte.

Avec Visual Studio 2022 v17.9, cette tâche est devenue plus facile. Une simple modification des paramètres vous permet d'entourer automatiquement de crochets ou de guillemets les lignes, les variables ou le texte HTML sélectionnés, en saisissant simplement le symbole d'ouverture. Vous n'avez plus besoin d'appuyer sur une deuxième touche, d'utiliser la souris ou de chercher dans la palette de commandes : l'éditeur de texte s'en charge désormais pour vous.

Démo : Un exemple mathématique simple

Pour démontrer la fonctionnalité dans son contexte, Tim utilise un petit exemple impliquant des opérations mathématiques à l'intérieur d'un bloc de code. La logique comprend une expression simple : 5 * 4 + 3. Tim exécute le fichier pour montrer la sortie-23. Comme il l'explique, cela est dû à l'ordre des opérations.

Ensuite, Tim indique une autre partie du code source où un message est imprimé, mais au lieu d'imprimer la valeur de la variable, il imprime simplement le nom de la variable. Il prévoit de mettre à jour cette partie pour mieux montrer le nouveau comportement des crochets et des guillemets.

Comment activer l'habillage automatique dans Visual Studio

C'est ici que le tutoriel devient pratique. Tim explique que la fonction de fermeture automatique des parenthèses est désactivée par défaut et qu'il faut donc l'activer manuellement.

Voici comment procéder :

1. Dans Visual Studio, cliquez sur Outils dans le menu supérieur.

2. Sélectionnez les options.

3. Dans la section Éditeur de texte, cliquez sur Général.

4. Sous Display, recherchez et cochez l'option labeled\ "Entourer automatiquement les sélections lors de la saisie de guillemets ou de parenthèses"

5. Appuyez sur OK pour postuler.

Ce paramètre modifie le comportement de Visual Studio lors de la saisie de symboles tels que (, {, ", ', et autres. Tim souligne que Microsoft a laissé cette fonctionnalité désactivée par défaut afin de ne pas perturber les flux de travail d'édition existants. La traduction doit rester professionnelle et préserver la précision technique tout en expliquant les caractéristiques et les avantages de ces outils de développement, qui, une fois activés, deviennent un moyen puissant d'accélérer le codage.

Changer le contexte du code avec l'habillage automatique

Lorsque la fonction est activée, Tim montre comment restructurer le code plus efficacement. Il sélectionne 4 + 3 dans l'expression et tape la parenthèse ouverte (. L'éditeur entoure immédiatement la sélection de (4 + 3), sans qu'il soit nécessaire de taper le crochet de fermeture.

Le résultat de l'équation passe de 23 à 35, car le contexte de l'expression change en raison des parenthèses. Tim s'en sert pour expliquer comment la position du curseur, la saisie au clavier et les fonctions d'édition intelligente peuvent dynamiquement améliorer l'expérience de codage.

Il souligne que ce système fonctionne non seulement avec les parenthèses, mais aussi avec une variété de crochets, ce qui le rend idéal pour gérer des blocs de code complexes, la logique dans les fonctions, ou même les balises dans les documents HTML.

Envelopper des variables, du texte et des commentaires avec facilité

Ensuite, Tim développe la démo avec une variété d'exemples d'habillage :

• Il sélectionne le mot résultat et tape {. Elle devient {résultat}-parfait pour l'interpolation de chaînes ou les espaces réservés.

• La mise en surbrillance du mot "math" et l'appui sur ' le mettent entre guillemets simples : 'math'.

• La mise en surbrillance d'une ligne entière et l'appui sur " permettent de mettre toute la phrase entre guillemets : "La réponse au problème mathématique est...".

Tim montre même que le texte est entouré de crochets [], de parenthèses angulaires <>, et d'accolades {}. Ces outils sont utiles, que vous travailliez avec C#, HTML, JSON, ou même que vous écriviez des commentaires ou des régions personnalisées dans le code.

Si vous avez toujours souhaité un moyen plus rapide d'insérer des symboles appariés, en particulier sur plusieurs lignes, cette fonctionnalité rapproche votre éditeur d'un assistant d'écriture intuitif.

Résultats rapides : Formatage au clavier

Tim conclut en réexécutant le code. Une fois tous les changements effectués, le résultat est maintenant le suivant :

"La réponse au problème 'math' est 35"

Grâce à la capacité de Visual Studio à entourer automatiquement le texte sélectionné, les petits ajustements de code de Tim ont été plus rapides, plus faciles et plus fiables. Il note que cette amélioration fait de Visual Studio un éditeur de texte encore plus performant, plus proche de la flexibilité de VS Code, avec la prise en charge des raccourcis clavier et l'automatisation des commandes.

Bien que la démonstration de Tim soit réalisée dans Visual Studio, les utilisateurs de Visual Studio Code (VS Code) peuvent obtenir des résultats similaires en utilisant des fonctionnalités telles que editor.autoSurround dans les paramètres ou en attribuant des raccourcis clavier personnalisés via la palette de commandes.

Les parenthèses fermantes et plus encore : Notes multiplateformes

Bien que le tutoriel de Tim soit axé sur Windows, ces concepts s'appliquent de manière générale. Si vous utilisez Visual Studio Code sur Mac ou Linux, vous pouvez :

• Appuyez sur Ctrl+K Ctrl+S pour ouvrir la fenêtre des raccourcis clavier.

• Utilisez Cmd sur macOS au lieu de Ctrl.

• Configurez des raccourcis clavier pour réduire ou déplier les zones de code.

• Accédez à des paramètres tels que editor.autoSurround pour entourer automatiquement vos sélections de guillemets ou de parenthèses.

• Utilisez Shift+Alt+A pour commenter les blocs de code ou Ctrl+/ pour les commentaires de ligne, selon votre système d'exploitation.

Ces commandes vous permettent de basculer et de replier des parties de votre code ou d'ajuster automatiquement les crochets et les guillemets, ce qui rationalise votre flux de travail d'édition, quelle que soit la plateforme.

Conclusion

La vidéo de Tim Corey propose un tutoriel ciblé sur la manière d'améliorer la vitesse de codage dans Visual Studio en activant un seul paramètre : entourer automatiquement les sélections lors de la saisie de guillemets ou de parenthèses. Que vous travailliez dans VS Code ou Visual Studio, apprendre à fermer rapidement toutes les parenthèses, à entourer les lignes ou à structurer la logique sans quitter le clavier est une compétence qui mérite d'être maîtrisée.

Pour les développeurs qui cherchent à écrire rapidement un code source propre et structuré, sans avoir à toucher à la souris, il s'agit d'une fonction puissante à activer. Et si vous utilisez VS Code, pensez à explorer ses capacités similaires d'habillage automatique et de pliage via la palette de commandes et les raccourcis clavier.

Consultez la chaîne YouTube de Tim Corey channel pour d'autres tutoriels pratiques et mises à jour sur Visual Studio, le développement .NET et des conseils de productivité pour les développeurs.