Visual Studio Code - Trucs et astuces

Dec 25 2022
Tout d'abord, référez-vous rapidement à ce référentiel git hub et parcourez-le une fois. Vous pouvez également regarder cette petite vidéo de productivité d'Ornella et une autre de la chaîne LearnWebCode.

Tout d'abord, référez-vous rapidement à ce référentiel git hub et parcourez-le une fois. Vous pouvez également regarder cette petite vidéo de productivité d' Ornella et une autre de la chaîne LearnWebCode . Vous pouvez également envisager quelques trucs et astuces officiels pour vous aider à mieux utiliser Visual Studio Code. Enfin, ce sont les raccourcis pour les utilisateurs de Windows / macOS .

Sinon, j'ai essayé de rembobiner rapidement les concepts avec des instantanés qui peuvent être utiles-

Basculer entre les onglets-

Si vous utilisez un ordinateur Windows, utilisez (touche Alt + numéro de l'onglet) pour accéder à l'onglet spécifié. Ainsi, dans l'exemple ci-dessous, pour accéder à about.html, appuyez sur (alt+3), pour y accéder.

Le fichier est également accessible à partir de l'invite de commande. Si j'appuie sur Windows (shift + control + P), cela ouvrira l'invite de commande. En tapant le nom du fichier dans l'invite de commande et en appuyant sur 'enter', je serai dirigé vers le fichier, je veux naviguer et le tour est joué !

Si vous souhaitez basculer entre les onglets, maintenez la touche de contrôle + la touche de tabulation , puis naviguez entre les différents onglets pour basculer entre les onglets.

Il est intéressant de savoir que ces raccourcis (ctrl + numéro d'onglet) fonctionnent également très bien pour basculer entre les onglets lorsque vous travaillez avec le navigateur Web (par exemple, Google Chrome).

Masquer la barre de commandes et la fenêtre du terminal-

Le raccourci pour masquer la barre de commandes est 'ctrl+B', la barre latérale (dé)montre lorsque ces touches sont pressées ensemble.

Le raccourci pour (dé)masquer la fenêtre du terminal est 'ctrl+J'

Insertion d'une ligne/paragraphe(s)

L'extension ' lorem ipsum ' a déjà été ajoutée dans le code du studio visuel et cela aidera à ajouter des lignes/paragraphes supplémentaires qui rendent l'édition si simple.

La commande dans Windows pour y arriver est 'win+ ctrl+ P'.

Après cette commande, choisissez le contenu requis et vous êtes prêt à partir. De plus, des titres à puces (appelés support de démarquage) peuvent être ajoutés. N'oubliez pas d'ajouter un espace entre tous les travaux indiqués.

Si vous travaillez avec des scripts

Cette fonction permet d'ajouter du contenu sur plusieurs emplacements d'un simple clic.

Remplacer toutes les fonctions et/ou éditer plusieurs choses à la fois et bien plus encore…

Déclencheurs d'onglet

Selon le langage de programmation, ceux-ci sont utiles pour créer des extraits. Vous trouverez ci-dessous un exemple d'extrait de type de langage .html.

Maintenant, pour y arriver. Sous Windows, utilisez ctrl+shift+P pour ouvrir l'invite de commande. Créez ensuite un nouveau fichier .html.

Dans ce type de fichier, par exemple, tapez "doc", appuyez sur la touche "tab", cela créera le snipped ci-dessus. Simple. N'est-ce pas?.

Cela fait, essayons de créer plusieurs éléments de liste et de les lier par hypertexte. La commande mentionnée ci-dessous est pratique.

Cela créera une liste de 5 éléments où et nous pourrons lier ces éléments avec des hyperliens appropriés.

Maintenant, si vous souhaitez créer des extraits de code en utilisant différentes lignes de code, vous pouvez vous référer à l' application Générateur d' extraits de code .

Naviguer dans le dossier

Si vous souhaitez naviguer dans un fichier spécifique, appuyez sur (ctrl + shift + O) et appuyez sur "Entrée". Il vous emmène directement dans la zone indiquée. Et cette astuce incroyable fonctionne pour n'importe quel langage de programmation. Vous trouverez ci-dessous la liste générée.

Couper et coller des lignes de code

Dans le code de Visual Studio, pas besoin de sélectionner toute la ligne de code, placez simplement le curseur où vous voulez et appuyez sur (ctrl+x) puis (ctrl+v) pour le placer ailleurs. Cela peut également être fait en appuyant sur 'alt+shift+curseur haut/bas'.

Déplacement de ligne(s) de code

Appuyez sur la touche alt et avec les flèches haut/bas, vous voudrez peut-être placer la ligne de code, où vous voulez qu'elle soit.

Formatage par défaut pour indenter le code

Si le code est collé à partir d'un fichier texte qui manque d'indentations, l'exécution des commandes mentionnées ci-dessous dans "settings .json" (tapez ctrl + shift + p pour accéder d'abord à la palette de commandes) peut aider à les corriger. Ou installez simplement la plus jolie extension dans votre code VS.

Polices fantaisie

Le code Cascadia est la dernière police qui fonctionne bien, mais vous voudrez peut-être jeter un œil à d'autres polices étonnantes ici.