10 Conseils de productivité essentiels pour le code Visual Studio

Added 2018-06-14

Visual Studio Code est facilement le meilleur éditeur de texte de programmation. Il a remplacé Sublime Text comme é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 il est ultra-rapide et ne souffre pas de problèmes de performances similaires à ceux de la plupart des applications JavaScript.

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 en les saisissant plutôt que 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. Il suffit de commencer à 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 les 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, un nouveau sous-panneau s’ouvre. 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>  Dossier ouvert  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», ce qui vous permettra d’accéder facilement à tous les fichiers et sous-dossiers.

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 à 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 écrans de petite taille, qu’il s’agisse d’un ordinateur portable ou d’un moniteur plus ancien - et c’est là que VS Code brille.

Il a quelque chose appelé panneaux dynamiques , où, 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, où vous pouvez ajouter de nombreuses instances de la même classe ou modifier le format de plusieurs liens hypertexte. Apprenez-le et aimez-le.

5. Aller à la définition

Lorsque vous programmez ou utilisez un script, 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 / la méthode avec votre curseur et appuyer sur F12  pour passer immédiatement à sa définition.

Ou vous pouvez utiliser le Alt + F12  raccourci clavier pour jeter un coup d’œil à la définition, qui vous montre la définition directement dans l’ordre où se trouve 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 Conseil n ° 2).

6. Renommer toutes les occurrences

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  Un raccourci clavier et un code VS génèrent 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 fonctions 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é de disposer de 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 définir la coloration syntaxique du texte et du code source à l'aide de thèmes. Malheureusement, cela ne permet pas de thématiser l'interface elle-même, mais la coloration syntaxique est le bit important. Vous ne serez pas surpris de voir à quel point un bon thème peut augmenter votre productivité.

Vous pouvez trouver de nouveaux thèmes sur le Marché de code VS  (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 avec les thèmes, vous pouvez les trouver sur le Marché de code VS  (oui, ils sont également gratuits) ou vous pouvez les rechercher dans VS Code. Accédez au panneau Extensions avec le Ctrl + Maj + X  raccourci clavier.

9 Des extensions de code Visual Studio qui facilitent encore la programmation Vous souhaitez davantage de Visual Studio Code? Besoin d'outils améliorés et d'options de productivité? Essayez ces extensions de code Visual Studio. Read Article

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 - et ce n'est peut-être pas ce que vous recherchez. Ou peut-être que c’est exactement ce dont vous avez besoin!

Commencez à coder dans votre navigateur avec Microsoft Visual Studio Online Le codage collaboratif de Visual Studio Code est sur le point de s’améliorer avec l’arrivée de Microsoft Visual Studio Online. Read Article