Visual Studio Code est facilement le meilleur éditeur de texte de programmation. Il a remplacé Sublime Text comme éditeur de code de choix et je n'y retournerai jamais. C'est un application JavaScript basée sur l'électron comme Atom, un autre éditeur de texte très apprécié, mais il est ultra-rapide et ne souffre pas de problèmes de performances comme la plupart des applications JavaScript.
De nos jours, il existe de nombreux types d'appareils de bureau et de systèmes d'exploitation. Obtenir des programmes qui fonctionnent sur chacun d'eux peut être un défi. Le framework ouvert Electron résout ce problème.
Et au cas où vous vous poseriez la question, oui : VS Code est open-source et disponible sur GitHub . Il y a dix ans, si je vous avais dit que Microsoft adopterait les logiciels open-source, vous auriez ri. Regardez jusqu'où nous en sommes!
Quoi qu'il en soit, allons-y. Voici plusieurs conseils essentiels sur Visual Studio Code que vous devriez apprendre si vous souhaitez augmenter votre productivité et votre flux de travail.
Si vous n'êtes toujours pas sûr si vous devez choisir Visual Studio Code sur Atom , nous pouvons vous aider à décider.
1. Maîtrisez la palette de commandes dans VS Code
Tout comme Sublime Text et TextMate avant lui, VS Code a quelque chose appelé a palette de commandes . Cette fonctionnalité vous permet d'accéder à diverses commandes simplement en les tapant plutôt que d'être obligé de naviguer dans les menus à l'aide de votre souris.
Vous pouvez afficher la palette de commandes avec le Ctrl + Maj + P raccourci clavier. Commencez simplement à taper ce que vous voulez faire par exemple, "fermer" et les options se mettront à jour en temps réel. Certaines commandes sont classées par catégories par exemple, "Fichier", Git "," Terminal ", etc.,vous pouvez donc l'utiliser pour localiser les commandes que vous ne semblez pas trouver.
2. Définir un dossier de projet de travail
Si vous cliquez sur Explorateur dans la barre latérale de navigation, vous verrez un nouveau sous-panneau s'ouvrir. Ce sous-panneau est divisé en deux sections: Ouvrir les éditeurs c'est-à-dire les fichiers et documents actuellement ouverts et Aucun dossier ouvert. Ce dernier est ce qui nous intéresse.
Cliquez Ouvrir le dossier ou vous pouvez accéder à Fichier> Ouvrir le dossier dans la barre de menus et sélectionnez n'importe quel dossier sur votre système.Cela chargera ce dossier dans VS Code en tant que "projet de travail en cours", vous permettant un accès facile à tous les fichiers et sous-dossiers, de sorte que vous n'ayez pas à continuer à basculer vers l'Explorateur de fichiers.
3. Afficher plusieurs fichiers à la fois
La plupart des éditeurs de texte modernes peuvent prendre en charge plusieurs fichiers à la fois, ce qui vous permet de basculer entre les fichiers ouverts via une sorte d'interface basée sur des onglets. Les éditeurs de texte plus avancés peuvent même prendre en charge l'édition de texte côte à côte, ce que VS Code fait bien quehorizontalement uniquement.
Mais l'édition côte à côte est difficile sur les petits écrans, que ce soit sur un ordinateur portable ou un moniteur plus ancien - et c'est là que VS Code brille.
Il a quelque chose qui s'appelle panneaux dynamiques , où si l'un des panneaux de document ouverts est trop étroit, il s'élargit automatiquement lorsque vous rendez ce document actif c'est-à-dire placez votre curseur dessus. Si vous utilisez toujours une résolution proche de 720p, vous allez adorercette fonctionnalité.
4. Modifier plusieurs lignes à la fois
Si jamais vous avez besoin d'insérer ou de supprimer plusieurs instances de texte dans un document, tout ce que vous avez à faire est de créer plusieurs curseurs . Vous pouvez le faire en maintenant enfoncée 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 hyperliens. Apprenez-le et adorez-le.
5. Aller à la définition
Lorsque vous programmez ou créez des scripts, vous rencontrerez souvent une variable ou une méthode que vous ne reconnaissez pas. Alors, que faites-vous? Vous pouvez passer plusieurs minutes à rechercher le bon fichier ou sélectionner levariable / méthode avec votre curseur et appuyez sur F12 pour passer immédiatement à sa définition.
Ou vous pouvez utiliser le Alt + F12 raccourci clavier pour regarder simplement la définition, qui vous montre la définition juste en ligne là où se trouve votre curseur plutôt que d'ouvrir le fichier source.
Pour aller dans la direction opposée, vous pouvez sélectionner une variable / méthode définie et utiliser le Maj + F12 raccourci clavier pour trouver toutes les références à celui-ci. Cela apparaît également en ligne à votre curseur.
Pour que ces fonctionnalités fonctionnent, vous devez vous assurer que le dossier approprié est ouvert en tant que "projet de travail en cours" voir Astuce # 2.
6. Renommer toutes les occurrences
Le refactoring est un aspect nécessaire de l'écriture et du maintien d'un code propre , mais cela peut être un véritable casse-tête --- surtout lorsque vous refactorisez un gros module ou un morceau de code autrement énorme. Donc, au lieu de parcourir des dizaines de fichiers juste pour renommer une variable ou une méthode, laissez VS Code fairePour toi.
Si vous sélectionnez une variable / méthode et appuyez sur F2 , vous pouvez modifier le nom et cela changera chaque instance du nom de cette variable tout au long du projet de travail en cours.
Si vous souhaitez modifier uniquement dans le fichier actuel, utilisez le Ctrl + F2 le raccourci clavier et VS Code engendreront un curseur à chaque instance du fichier actuel.
7. Recherche dans de nombreux fichiers
Si vous travaillez avec des fichiers qui ne sont pas du code source, les fonctionnalités de recherche de symboles ci-dessus dans le conseil n ° 5 ne seront pas utilisables. Alors, que pouvez-vous faire lorsque vous avez besoin de trouver une phrase ou un mot mais neVous ne savez pas dans quel fichier il se trouve? Vous revenez à la base trouver fonction.
Ctrl + F vous permet de rechercher dans le fichier actuel, tandis que Ctrl + Maj + F vous permet de rechercher dans tous les fichiers de l'ensemble du projet de travail en cours, y compris tous les sous-dossiers de manière récursive.
8. Utilisez la ligne de commande dans VS Code
VS Code est livré avec un terminal intégré . Sous Windows, ce terminal apparaît comme une invite de commande. Sur Mac et Linux, il apparaît comme une invite Bash. Dans tous les cas, le terminal démarre dans le répertoire du projet de travail en cours s'il y en a un chargé ou chez vousdossier si aucun projet n'est chargé.
Il prend également en charge la possibilité d'avoir plusieurs terminaux séparés. Cliquez simplement sur le bouton + en haut à droite pour générer plus d'instances de terminaux, ou cliquez sur le poubelle pour fermer le terminal actuel. Le menu déroulant permet de basculer facilement entre eux et ne gaspille pas autant d'espace d'écran qu'une interface basée sur des onglets.
9. Installer un nouveau thème dans VS Code
Comme on pouvait s'y attendre, VS Code vous permet de créer un thème pour la coloration syntaxique du texte et du code source. Malheureusement, il ne permet pas la coloration syntaxique de l'interface elle-même, mais la coloration syntaxique est l'élément important. Vous seriez surpris de voir à quel pointun bon thème peut augmenter votre productivité.
Vous pouvez trouver de nouveaux thèmes sur le VS Code Marketplace ils sont gratuits ou vous pouvez les rechercher directement dans VS Code.
10. Installer des extensions tierces dans VS Code
La dernière caractéristique essentielle à mettre en évidence est l'extensibilité du VS Code à travers extensions tierces . Comme pour les thèmes, vous pouvez les trouver sur le VS Code Marketplace 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.
Les extensions sont la clé pour maximiser votre productivité. Vous trouverez ici 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 création et même celui qui implémente l'émulation Vim . Que diriez-vous de jeter un oeil à nos extensions VS Code préférées ?
Visual Studio Code est le meilleur éditeur de texte
Autant que j'aime ça, je serai le premier à admettre que VS Code n'est parfait pour personne - rien ne l'est jamais - et ce n'est peut-être pas ce que vous recherchez. Ou peut-être que c'estexactement ce dont vous avez besoin!
Essayez-le et entrez dans l'esprit ouvert. Je pense que vous serez surpris par ce que vous trouverez. Notez que VS Code n'est qu'un éditeur de texte, pas un IDE! En savoir plus sur le différences entre les éditeurs de texte et les IDE . Mais vous pouvez utiliser vos compétences VS Code et commencez à coder dans votre navigateur avec Microsoft Visual Studio Online .
