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 reviendrai jamais. Il s'agit d'une application JavaScript basée sur Electron (comme Atom, un autre éditeur de texte très apprécié), 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 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 tout le chemin parcouru !
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 au niveau supérieur.
(Si vous ne savez toujours pas si vous devez choisir Visual Studio Code plutôt qu'Atom, nous pouvons vous aider à décider.)
Tout comme Sublime Text (et TextMate avant), VS Code a quelque chose appelé une 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 Ctrl + Maj + P raccourci clavier. Commencez simplement à taper ce que vous voulez faire (par exemple "fermer") et les options seront mises à jour en temps réel. Certaines commandes sont catégorisées (par exemple "Fichier", Git", "Terminal", etc.), vous pouvez donc les utiliser pour localiser les commandes que vous ne parvenez pas à trouver.
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. C'est ce dernier qui nous intéresse.
Cliquez sur Ouvrir le dossier (ou vous pouvez accéder à Fichier > Ouvrir le dossier dans la barre de menu) 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'aurez pas à revenir en arrière dans l'explorateur de fichiers.
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. Des éditeurs de texte plus avancés peuvent même prendre en charge l'édition de texte côte à côte, ce que fait VS Code (bien qu'horizontalement 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 appelé panneaux dynamiques , où si l'un des panneaux de document ouverts est trop étroit, il s'élargit automatiquement lorsque vous activez ce document (c'est-à-dire que vous y placez votre curseur). Si vous utilisez toujours une résolution proche de 720p, vous allez adorer cette fonctionnalité.
Si 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 appuyant sur 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 choses comme HTML, où vous pouvez ajouter de nombreuses instances de la même classe ou modifier le format de plusieurs hyperliens. Apprenez-le et aimez-le.
Lorsque vous programmez ou créez des scripts, vous rencontrez souvent une variable ou une méthode que vous ne reconnaissez pas. Donc que fais-tu? Vous pouvez passer plusieurs minutes à chercher le bon fichier, ou vous pouvez sélectionner la variable/méthode avec votre curseur et appuyer sur F12 pour sauter immédiatement à sa définition.
Ou vous pouvez utiliser le Alt + F12 raccourci clavier pour simplement jeter un coup d'œil à la définition, qui vous montre la définition directement dans la ligne 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 la touche 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).
La refactorisation est un aspect nécessaire de l'écriture et de la maintenance d'un code propre, mais cela peut être un véritable casse-tête, en particulier lorsque vous refactorisez un module volumineux ou un gros morceau de code. Ainsi, au lieu de parcourir des dizaines de fichiers simplement 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 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 uniquement modifier dans le fichier actuel, utilisez la touche Ctrl + F2 raccourci clavier et VS Code engendrera un curseur à chaque instance dans le fichier en cours.
Si vous travaillez avec des fichiers qui ne sont pas du code source, les fonctionnalités de recherche de symboles ci-dessus (dans l'astuce n ° 5) ne seront pas utilisables. Alors, que pouvez-vous faire lorsque vous avez besoin de trouver une phrase ou un mot mais que vous ne savez pas dans quel fichier il se trouve ? Vous revenez à la recherche de base 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.
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 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 dans votre dossier personnel (si aucun projet n'est chargé).
Il prend également en charge la possibilité d'avoir plusieurs terminaux séparés. Cliquez simplement sur le + en haut à droite pour générer plus d'instances de terminal, ou cliquez sur la poubelle pour fermer le terminal en cours. Le menu déroulant permet de passer facilement de l'un à l'autre (et ne gaspille pas autant d'espace à l'écran qu'une interface basée sur des onglets).
Comme on pouvait s'y attendre, VS Code vous permet de thématiser la coloration syntaxique du texte et du code source. Malheureusement, il ne permet pas la thématisation de l'interface elle-même, mais la coloration syntaxique est la partie importante. Vous seriez surpris de voir à quel point un 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.
La dernière fonctionnalité essentielle à souligner est l'extensibilité de VS Code via des 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 Ctrl + Maj + X raccourci clavier.
Les extensions sont la clé pour maximiser votre productivité. Vous trouverez ici toutes sortes d'outils, comme 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 qui implémente l'émulation Vim. Que diriez-vous de jeter un œil à nos extensions VS Code préférées ?
Autant que je l'aime, 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 est-ce exactement ce dont vous avez besoin !
Essayez-le et entrez avec un 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 les différences entre les éditeurs de texte et les IDE.) Mais vous pouvez utiliser vos compétences VS Code et commencer à coder dans votre navigateur avec Microsoft Visual Studio Online.
