9 conseils pour utiliser VSCode efficacement

Sur le marché des IDE open source, Visual Studio Code (VSCode en abrégé) est devenu de plus en plus populaire ces dernières années. Depuis sa sortie en 2015, selon un rapport d'enquête Stack Overflow de 2018, 35 % des développeurs ont opté pour VSCode. Ensuite, je présenterai quelques suggestions et techniques pour vous permettre d'utiliser VSCode plus efficacement.

Git et Gitlens

Git peut être considéré comme be Le logiciel le plus populaire parmi les développeurs, faire fonctionner Git directement depuis l'EDI est beaucoup plus simple que via la ligne de commande. Les modules Git peuvent vous aider à effectuer des opérations telles que la mise en scène, la validation, le stockage et l'annulation. Le plugin Gitlens offre plus de possibilités. La fonctionnalité la plus utile de Gitlens est que vous pouvez voir l'historique des validations de chaque ligne de code.

Partage en direct

Partage en direct VSCode est une fonctionnalité expérimentale. Le site officiel dit ceci :

Peu importe le type d'application que vous créez, le langage que vous utilisez pour programmer ou le système d'exploitation que vous utilisez, lorsque vous avez besoin de collaborer, le partage en temps réel peut vous connecter instantanément. votre projet partagé avec vos coéquipiers. Les coéquipiers peuvent éditer et déboguer en temps réel sans cloner le référentiel ni configurer son environnement.

Avec Live Share, vous pouvez éditer et déboguer ensemble, tout en partageant également de l'audio, des serveurs, des terminaux, des différences, des commentaires et bien plus encore. Que vous effectuiez des révisions de code, de la programmation en binôme avec des coéquipiers, que vous participiez à un hackathon ou que vous dispensiez des conférences interactives, Live Share peut vous aider dans une variété de styles d'écriture.

JSON to Code

Avez-vous déjà expérimenté, face à une API, les données que vous souhaitez qu'elle return ? Une structure peut-elle avoir une définition de type, mais ne doit pas la définir manuellement ? Coller JSON en tant que code peut convertir un fichier JSON en définition de type dans la langue cible en un seul clic.

Renommer par lots

Le refactoring est indispensable lors de l'écriture et de la maintenance du code, en particulier lorsque vous refactorisez un très grand lorsqu'il y a un grand module ou un gros morceau de code, ce sera un casse-tête de trouver et de modifier les noms de variables/fonctions un par un. Heureusement, VSCode peut nous aider.

Si vous sélectionnez un nom de variable/méthode puis appuyez sur F2, vous pouvez modifier le nom sélectionné et toutes les instances associées dans l'ensemble du projet seront modifiées.

Si vous souhaitez uniquement modifier le fichier actuel, utilisez Commande+F2 (Mac) ou Ctrl+F2 (Windows).

Aller à la définition

Lors de l'écriture de code, face à une variable/méthode, on oublie souvent sa référence Le sens de génération. Que faire à ce moment ? Il vous faudra plusieurs minutes pour parcourir l’ensemble du projet et localiser le bon emplacement. Dans VSCode, vous pouvez utiliser Commande(Mac)/Ctrl(Windows) et cliquer sur le nom de la variable/méthode correspondante, et VSCode passera automatiquement au bon emplacement.

Alternativement, vous pouvez placer le curseur sur le nom de la variable/méthode, puis appuyer sur Commande (Mac)/Ctrl (Windows), la définition de la variable/fonction apparaîtra à côté du curseur actuel. Cela vous évite d’avoir à passer à d’autres endroits.

Édition multiligne

Si vous souhaitez insérer/supprimer plusieurs instances du même texte, vous pouvez créer un multi -cursor (Curseur multiple). Vous pouvez maintenir la touche Option (Mac)/Alt (Windows) enfoncée et chaque fois que vous cliquez, le curseur s'arrêtera à son emplacement actuel. Chaque clic crée un nouveau curseur, et ces positions peuvent ensuite être modifiées simultanément.

est très utile en HTML, surtout lorsque vous souhaitez changer le nom de la classe/le lien hypertexte et qu'il apparaît à plusieurs endroits.

Debugger Debugger lui-même a beaucoup de contenu et VSCode a une introduction vidéo dédiée.

Adresse de la vidéo Youtube : Débogage VSCode Node.js

Lier les touches de raccourci

Si vous souhaitez travailler efficacement, transformez vos commandes couramment utilisées en touches de raccourci. Vous pouvez afficher rapidement les commandes principales via aide-mémoire/ "Afficher les liaisons des touches de raccourci".

La console de commande est votre meilleure amie, vous pouvez utiliser Commande+p (Mac)/Ctrl+p (Windows) pour l'ouvrir. Entrez le nom du fichier et vous pourrez accéder rapidement au fichier spécifié. C'est beaucoup plus rapide que de chercher lentement dans le répertoire du projet sur la gauche.

● Vous pouvez saisir > pour afficher toutes les tâches disponibles

● Utilisez le symbole @ pour obtenir tous les symboles (variables/fonctions/noms de classe/méthodes, etc.) de le fichier actuel

Touches de raccourci de liaison personnalisées Il manque une commande dans VSCode, à savoir "Enregistrer tout". Nous pouvons en personnaliser un : Commande+Maj+S (Mac)/Ctrl+Maj+S (Windows).

Tutoriel recommandé : Tutoriel de base vscode

9 conseils pour utiliser VSCode efficacement

Articles Liés