10 conseils de productivité essentiels pour le code Visual Studio

Visual Studio Code est facilement le meilleur éditeur de texte de programmation. Il a remplacé Sublime Text en tant qu'éditeur de code de mon choix et je n'y retournerai jamais. C'est une application JavaScript basée sur Electron (comme Atom, un autre éditeur de texte très prisé), mais elle est ultra-rapide et ne souffre pas de problèmes de performances comme la plupart des applications JavaScript..

Et au cas où vous vous le demanderiez, oui: VS Code est open-source et disponible sur GitHub 10 Outils Windows Open Source gratuits hébergés sur GitHub 10 Outils Windows Open Source gratuits hébergés sur GitHub Microsoft est l'organisation qui compte le plus grand nombre de contributeurs open source sur GitHub. Pour célébrer cet exploit, nous avons compilé une liste des meilleurs outils Windows gratuits que vous pouvez télécharger depuis GitHub. Lire la suite . Il y a dix ans, si je vous avais dit que Microsoft adopterait les logiciels à code source ouvert, vous auriez ri. Regardez jusqu'où nous sommes venus!

Quoi qu'il en soit, allons-y. Voici quelques conseils essentiels sur le code Visual Studio que vous devriez apprendre si vous souhaitez améliorer votre productivité et votre flux de travail au prochain niveau..

1. Maîtriser la palette de commandes en code VS

Tout comme Sublime Text (et TextMate avant), VS Code a ce qu’on appelle un palette de commandes. Cette fonctionnalité vous permet d'accéder à diverses commandes simplement en les saisissant au lieu d'être obligées de naviguer dans les menus avec votre souris..

Vous pouvez afficher la palette de commandes avec le Ctrl + Maj + P raccourci clavier. Commencez juste à taper ce que vous voulez faire (par exemple. “Fermer”) et les options seront mises à jour en temps réel. Certaines commandes sont classées (par exemple. “Fichier”, Git”, “Terminal”, etc.), vous pouvez donc l'utiliser pour localiser des commandes que vous ne semblez pas trouver.

2. Définir un dossier de projet de travail

Si vous cliquez sur Explorateur dans la barre de navigation, vous verrez un nouveau sous-panneau s'ouvrir. Ce sous-panneau est divisé en deux sections: Editeurs ouverts (c'est-à-dire fichiers et documents actuellement ouverts) et Aucun dossier ouvert. Ce dernier est ce qui nous intéresse.

Cliquez sur Dossier ouvert (ou vous pouvez naviguer vers Fichier> Ouvrir le dossier dans la barre de menus) et sélectionnez n’importe quel dossier de votre système. Cela chargera ce dossier dans VS Code en tant que “projet en cours”, vous permettant un accès facile à tous les fichiers et sous-dossiers, vous évitant ainsi de continuer à naviguer dans l'Explorateur de fichiers.

3. Voir plusieurs fichiers à la fois

La plupart des éditeurs de texte modernes peuvent prendre en charge plusieurs fichiers à la fois, vous permettant de basculer entre les fichiers ouverts via une sorte d’interface basée sur des onglets. Des éditeurs de texte plus avancés peuvent même prendre en charge l’édition de texte côte à côte, ce que VS Code prend en charge (bien que horizontalement).

Mais l'édition côte à côte est difficile sur les petits écrans, que ce soit sur un ordinateur portable ou sur un moniteur plus ancien - et c'est là que VS Code brille.

Il a quelque chose appelé panneaux dynamiques, Si l'un des panneaux de document ouverts est trop étroit, il s'élargira automatiquement lorsque vous rendrez ce document actif (c'est-à-dire, placez votre curseur dessus). Si vous utilisez toujours une résolution proche de 720p, vous allez adorer cette fonctionnalité..

4. Modifier plusieurs lignes à la fois

Si vous devez insérer ou supprimer plusieurs occurrences de texte dans un document, il vous suffit de créer plusieurs curseurs. Vous pouvez le faire en maintenant Alt (ou Option sur Mac) et en cliquant n’importe où dans le texte. Chaque clic crée un nouveau curseur.

Ceci est particulièrement utile pour des éléments tels que HTML, pour lesquels vous pouvez ajouter plusieurs occurrences de la même classe ou modifier le format de plusieurs liens hypertexte. Apprendre et aimer.

5. Aller à la définition

Lorsque vous programmez ou écrivez des scripts, vous rencontrez souvent une variable ou une méthode que vous ne reconnaissez pas. Donc que fais-tu? Vous pourriez passer plusieurs minutes à chercher le bon fichier ou sélectionner la variable / méthode avec votre curseur et appuyer sur F12 sauter immédiatement à sa définition.

Ou vous pouvez utiliser le Alt + F12 raccourci clavier pour jeter un coup d'œil sur la définition, qui vous montre la définition directement dans la position de votre curseur plutôt que d'ouvrir le fichier source.

Pour aller dans le sens opposé, vous pouvez sélectionner une variable / méthode définie et utiliser le Maj + F12 raccourci clavier pour trouver toutes les références. Cela apparaît également en ligne à votre curseur.

Pour que ces fonctionnalités fonctionnent, vous devez vous assurer que le bon dossier est ouvert en tant que “projet en cours” (voir le conseil # 2).

6. Renommer toutes les occurrences

Le refactoring est un aspect nécessaire de la rédaction et de la maintenance de code propre. 10 Conseils pour rédiger un code plus propre et plus performant 10 Conseils pour rédiger un code plus propre et plus performant L'écriture de code propre a l'air plus facile qu'elle ne l'est réellement, mais les avantages en valent la peine. Voici comment vous pouvez commencer à écrire du code plus propre aujourd'hui. Lisez-en plus, mais cela peut être un vrai casse-tête, en particulier lorsque vous refactorisez un module volumineux ou un énorme bloc de code. Donc, au lieu de parcourir des dizaines de fichiers pour renommer une variable ou une méthode, laissez VS Code le faire pour vous..

Si vous sélectionnez une variable / méthode et appuyez sur F2, vous pouvez éditer le nom et cela changera chaque instance du nom de cette variable tout au long du projet en cours.

Si vous souhaitez uniquement modifier le fichier en cours, utilisez la commande Ctrl + F2 le raccourci clavier et le code de VS génèreront un curseur à chaque instance du fichier en cours.

7. Recherche sur plusieurs fichiers

Si vous travaillez avec des fichiers qui ne sont pas du code source, les fonctionnalités de recherche de symboles ci-dessus (astuce n ° 5) ne seront pas utilisables. Alors, que pouvez-vous faire lorsque vous avez besoin de trouver une phrase ou un mot sans savoir dans quel fichier il se trouve? Vous revenez à la base trouver une fonction.

Ctrl + F vous permet de rechercher dans le fichier en cours, Ctrl + Maj + F vous permet de rechercher dans tous les fichiers de l'ensemble du projet en cours, y compris tous les sous-dossiers de manière récursive.

8. Utilisez la ligne de commande dans le code VS

VS Code est livré avec un terminal intégré. Sous Windows, ce terminal s’affiche en tant qu’invite de commande. Sur Mac et Linux, il s’affiche sous la forme d’une invite Bash. Dans les deux cas, le terminal démarre dans le répertoire du projet en cours (s'il est chargé) ou dans votre dossier personnel (si aucun projet n'est chargé)..

Il prend également en charge la possibilité d'avoir plusieurs terminaux distincts. Il suffit de cliquer sur le + en haut à droite pour générer plus d'instances de terminaux, ou cliquez sur le bouton Poubelle pour fermer le terminal actuel. Le menu déroulant facilite le basculement entre eux (et ne gaspille pas autant d’espace qu’une interface à onglets).

9. Installer un nouveau thème dans VS Code

Comme on pouvait s’y attendre, VS Code vous permet de thématiser la coloration syntaxique du texte et du code source. Malheureusement, cela ne permet pas de thématiser l'interface elle-même, mais la coloration syntaxique est l'élément le plus important. Vous seriez surpris de voir à quel point un bon thème peut augmenter votre productivité.

Vous pouvez trouver de nouveaux thèmes sur VS Code Marketplace (ils sont gratuits) ou vous pouvez les rechercher directement dans VS Code..

10. Installer les extensions tierces dans le code de VS

La dernière caractéristique essentielle à souligner est l’extensibilité de VS Code via extensions tierces. Comme pour les thèmes, vous pouvez les trouver sur VS Code Marketplace (oui, ceux-ci sont également gratuits) ou vous pouvez les rechercher dans VS Code. Accédez au panneau Extensions avec le Ctrl + Maj + X raccourci clavier.

Les extensions sont la clé pour optimiser votre productivité. Vous y trouverez toutes sortes d'outils, tels que des linters, des débogueurs, des extraits, des améliorations de la qualité de vie de VS Code lui-même, des outils de construction et même un outil qui implémente l'émulation de Vim. Les 7 principales raisons de donner une chance à l'éditeur de texte Vim Pendant des années, j'ai essayé un éditeur de texte après l'autre. Vous l'appelez, je l'ai essayé. J'ai utilisé chacun de ces rédacteurs pendant plus de deux mois comme rédacteur principal quotidien. D'une certaine manière, je… Lire la suite .

Le code de Visual Studio est le meilleur éditeur de texte

Autant que je l'aime, je serai le premier à admettre que VS Code n'est parfait pour personne - rien ne l'est jamais - et que ce n'est peut-être pas ce que vous recherchez. Ou peut-être que c'est exactement ce dont vous avez besoin!

Essayez-le et allez-y l'esprit ouvert. Je pense que vous serez surpris par ce que vous trouvez. Notez que VS Code n’est qu’un éditeur de texte et non un IDE! (En savoir plus sur les différences entre les éditeurs de texte et les IDE Éditeurs de texte et IDE: lequel est le meilleur pour les programmeurs? Éditeurs de texte et IDE: lequel est le meilleur pour les programmeurs? Choisir entre un IDE avancé et un éditeur de texte plus simple peut être difficile Nous vous proposons quelques informations pour vous aider à prendre cette décision.

En savoir plus sur: la programmation, l'éditeur de texte, le code Visual Studio.