Mémorisez ces raccourcis VSCode pour améliorer votre efficacité de développement !

Cet article résume quelques raccourcis VSCode enregistrés dans les documents officiels qui peuvent améliorer l'efficacité. Mémorisez-les et améliorez l'efficacité du développement ! !

Visual Studio Code est l'un des éditeurs de code les plus populaires et les plus couramment utilisés. Il est open source et gratuit. Il prend également en charge plusieurs langages et frameworks. [Étude recommandée : "Tutoriel d'introduction à vscode"]

Notez que ces raccourcis Visual Studio Code sont tirés de la documentation officielle de VS Code. Si certains raccourcis ne fonctionnent pas, cela peut être dû au fait que le raccourci a changé dans l'éditeur ou le format de fichier, ou qu'une extension a été installée qui affecte le raccourci.

1. Navigation rapide

1. Rechercher des fichiers

Lorsque vous devez rechercher des fichiers spécifiques, lorsque le projet est volumineux, cela prendra beaucoup de temps. Même si vous savez déjà où se trouve le fichier, utiliser cette touche de raccourci sera très pratique pour ouvrir facilement le fichier dans le projet.

• Windows/Linux : ctrl + P
• macOS : commande + P

2 Ouvrir les paramètres

Visual Studio Code possède de nombreuses fonctionnalités et paramètres qui peuvent être modifiés en fonction de vos besoins. Ce raccourci facilite l'ouverture des paramètres lorsque cela est nécessaire.

• Windows/Linux : ctrl + ,
• macOS : commande + ,

3. Changer la barre latérale

Souvent, nous avons besoin de plus d'espace pour placer les fichiers qui doivent être traités. Par conséquent, cette touche de raccourci peut facilement afficher ou masquer la barre latérale.

• Windows/Linux : ctrl + B
• macOS : commande + B

4 Naviguer dans les onglets

À utiliser lorsque plusieurs onglets sont ouverts et que vous devez basculer entre eux. Ce raccourci affiche une liste. d'onglets et navigue entre eux, et nous pouvons sélectionner l'onglet que nous voulons ouvrir.

• Windows/Linux : ctrl + maj + tab
• macOS : contrôle + maj + tab

5. Groupe d'onglets de navigation

Visual Studio Code fournit la fonction de création de groupes d'onglets. Les groupes d'onglets nous permettent de regrouper des onglets, chacun occupant une partie de l'écran. Utilisez cette touche de raccourci pour basculer entre différents groupes d'onglets. Si le groupe d'onglets sélectionné dans le raccourci est supérieur au nombre de groupes actuellement ouverts, ce raccourci crée un nouveau groupe.

• Windows/Linux : ctrl + 1 ou 2 ou 3
• macOS : commande + 1 ou 2 ou 3

6 Ouvrir le terminal

Pendant le processus de développement, le terminal sera fréquemment utilisé. . Visual Studio Code nous permet d'ouvrir une fenêtre de terminal dans l'éditeur. Cela élimine le besoin de basculer entre l'éditeur et le terminal, nous permettant de nous concentrer sur l'éditeur et le code.

• Windows/Linux : ctrl + J
• macOS : commande + J

7. Ouvrez la palette de commandes

Nous pouvons exécuter de nombreuses commandes dans Visual Studio Code. Utilisez ce raccourci pour ouvrir facilement la palette de commandes. La palette de commandes permet de rechercher les commandes disponibles et de les exécuter.

• Windows/Linux : ctrl + maj + P
• macOS : commande + maj + P

2. Sélection rapide

Pendant le processus de développement, vous devez souvent faire des sélections dans le code, y compris les opérations telles que la copie et la découpe. Au lieu d'utiliser la souris, vous pouvez gagner du temps en utilisant le clavier. Ces touches de raccourci visent à effectuer des sélections rapidement.

1. Sélectionnez la ligne actuelle

Vous pouvez utiliser cette touche de raccourci pour sélectionner rapidement toute la ligne de code dans la ligne où se trouve le curseur.

• Windows/Linux : ctrl + L
• macOS : commande + L

2 Sélection actuelle

Utilisez cette touche de raccourci pour sélectionner uniquement le texte que vous souhaitez trouver une fois, et vous pourrez tout sélectionner. dans le fichier Ce texte afin que ces textes puissent être édités en même temps.

• Windows/Linux : ctrl + shift + L
• macOS : commande + shift + L

3 Mot actuel

Ce raccourci effectue la même action que le raccourci ci-dessus, mais ne nécessite aucune sélection. contenu. Lorsque le curseur est placé sur un mot, appuyez sur cette touche de raccourci pour sélectionner toutes les positions de ce mot dans le fichier en cours.

• Windows/Linux : ctrl + F2
• macOS : commande + F2 + fn

4. Sélectionnez jusqu'à la fin du mot

Lors de la sélection d'une certaine partie du code, vous pouvez déplacer et élargir la sélection de ce raccourci. Vous pouvez utiliser la flèche droite ou gauche pour aller dans la direction souhaitée.

• Windows/Linux : shift + alt + → ou ←
• macOS : shift + option + → ou ←

5. Sélectionnez plusieurs lignes de code en faisant glisser la souris

Faites glisser le curseur sur le code. Chaque ligne sera sélectionnée du début à la fin. Mais vous pouvez également utiliser ce raccourci pour sélectionner des lignes partielles de code, mais uniquement plusieurs lignes de code que vous faites glisser.

• Windows/Linux : maj + alt + faites glisser le curseur
• macOS : maj + option + faites glisser le curseur

6. Utilisez les touches fléchées pour sélectionner plusieurs lignes de code

Vous pouvez également utiliser. cette touche de raccourci pour exécuter ce qui précède, mais au lieu d'utiliser une souris, utilisez les touches fléchées de votre clavier.

• Windows/Linux : ctrl + maj + alt + → ou ← ou ↓ ou ↑
• macOS : commande + maj + option + → ou ← ou ↓ ou ↑

3. Raccourci Rechercher

Tous les éditeurs ont une fonction de recherche qui vous permet de trouver certains mots, tels que des noms de fonctions ou de variables, des phrases ou des blocs de code, etc. dans le fichier actuel ou plusieurs fichiers. Jetons un coup d'œil aux touches de raccourci liées à la fonction de recherche.

1. Navigation dans les résultats

Vous pouvez utiliser cette touche de raccourci pour vous déplacer entre les résultats de recherche dans un fichier.

• Windows/Linux : F3
• macOS : F3 + fn

2. Sélectionnez plusieurs résultats

Si vous souhaitez modifier plusieurs résultats de recherche, vous pouvez utiliser cette touche de raccourci pour sélectionner Rechercher dans le fichier. Contenu multiple dans les résultats, chaque fois que cette touche est enfoncée, un résultat sera sélectionné, puis la sélection se fera dans l'ordre des résultats de recherche.

• Windows/Linux : ctrl + D
• macOS : commande + D

3. Sélectionnez tous les résultats

Si vous souhaitez utiliser la fonction de recherche pour modifier tous les résultats de recherche, cette touche de raccourci peut être sélectionné Tous les résultats de la recherche.

• Windows/Linux : alt + entrée
• macOS : option + entrée

4. Navigation dans le code

À mesure que les fichiers ou les projets deviennent complexes, trouver certaines parties du code devient de plus en plus difficile. c'est plus difficile. Il peut être difficile de rechercher manuellement les erreurs ou d'accéder à une certaine ligne de code. Les touches de raccourci suivantes peuvent éviter bien des ennuis, nous permettant de consacrer plus de temps à ce que nous voulons vraiment faire.

1. Accédez à la ligne spécifiée

Lorsque vous rencontrez une ligne de code spécifiée qui provoque une erreur de compilation ou d'exécution, vous pouvez utiliser cette touche de raccourci pour accéder à cette ligne de code et entrez le numéro. de lignes de code. Appuyez sur Entrée pour accéder à cette ligne de code. Ce raccourci est très utile lorsqu'il y a beaucoup de code dans un fichier.

• Windows/Linux : ctrl + G
• macOS : contrôle + G

2. Accédez aux parenthèses correspondantes

Nous devrons peut-être trouver le crochet fermant du bloc de code correspondant. C'est difficile quand le dossier est long. Utilisez ce raccourci pour trouver facilement le crochet fermant correspondant au bloc actuel. Dans les balises HTML, il peut être déplacé à la fin de la balise actuelle.

• Windows/Linux : ctrl + shift +
• macOS : commande + shift +

3. Réduire/développer les blocs de code

Lorsque les fichiers contiennent beaucoup de code, nous pouvons réduire (masquer) le bloc de code. actuel Un bloc de code sur lequel vous ne vous concentrez pas afin que vous puissiez vous concentrer sur autre chose. Cette touche de raccourci est utilisée pour réduire ou développer des blocs de code. Cliquez simplement n’importe où dans le bloc de code et appuyez sur les touches suivantes.

• Windows/Linux : ctrl + shift + [ou]
• macOS : commande + option + [ou]

4. Réduire/développer les blocs de code et les sous-blocs de code

Si le code bloque contient un sous-code Que faire des blocs ? L'utilisation de la commande ci-dessus réduira le bloc de code parent, mais lorsque le bloc de code parent est développé, le bloc de code enfant restera inchangé. Si vous devez réduire et développer un bloc de code et ses sous-blocs de code, vous pouvez utiliser ce raccourci pour le faire.

• Windows/Linux : ctrl + K + [ou]
• macOS : commande + K + [ou]

4. Accédez aux erreurs et aux avertissements

Trouver les erreurs et les avertissements dans votre code Le code. est crucial. Ce raccourci vous évite d'avoir à faire défiler pour trouver le problème exact. Il peut passer directement à l’erreur ou à l’avertissement suivant.

• Windows/Linux : F8
• macOS : F8 + fn

5. Déplacez le curseur

Dans de nombreux cas, il peut être nécessaire d'avoir plusieurs curseurs, chacun à un emplacement différent dans le fichier. Ces raccourcis facilitent les déplacements avec plusieurs curseurs.

1. Insérer un curseur supplémentaire à une position spécifique

Ce raccourci clavier peut insérer un curseur supplémentaire n'importe où dans le fichier.

• Windows/Linux : alt + position du clic de souris
• macOS : option + position du clic de souris

2. Insérez un curseur supplémentaire au-dessus ou en dessous

La deuxième façon d'insérer un curseur est de l'insérer sous Au-dessus ou en dessous de la position actuelle du curseur.

• Windows/Linux : ctrl + alt + ↓ ou ↑
• macOS : commande + option +↓ ou ↑

3. Annuler l'insertion du curseur

Si le curseur a été inséré par erreur ou n'est plus nécessaire Que dois-je faire si j'insère le curseur à cette position ? Ce raccourci annule le dernier curseur inséré. Cette touche de raccourci est utile lors de l'insertion de plusieurs curseurs, car elle maintient les autres curseurs en place et supprime le dernier curseur inséré.

• Windows/Linux : ctrl + U
• macOS : commande + U

4. Insérez le curseur à la fin du code sélectionné

Utilisez cette touche de raccourci pour insérer le curseur à la fin de chaque ligne du code sélectionné.

• Windows/Linux : maj + alt + I
• macOS : maj + option + I

6. Codage rapide

1 Déplacer des lignes ou des blocs de code

Plusieurs fois, vous devez vous déplacer. une ligne ou plusieurs lignes de code sont déplacées d'un emplacement à un autre. Au lieu de copier ou couper et coller le code vers un autre emplacement, ce raccourci offre une solution plus rapide en plaçant simplement le curseur sur la ligne de code. Si vous souhaitez déplacer plusieurs lignes de code, sélectionnez simplement le code que vous souhaitez déplacer, puis utilisez cette touche de raccourci.

• Windows/Linux : alt +↓ ou ↑
• macOS : option +↓ ou ↑

2. Copier des lignes ou des blocs de code

Si vous avez besoin de copier une ou plusieurs lignes de code et collez-les. Et si vous alliez en dessous ou au-dessus ? Au lieu de copier et coller le code, ce raccourci copie la ligne en dessous ou au-dessus en fonction de la direction que vous sélectionnez avec les flèches. Si vous souhaitez copier plusieurs lignes de code, sélectionnez simplement le code à copier puis utilisez cette touche de raccourci.

• Windows/Linux : shift + alt +↓ ou ↑
• macOS : shift + option +↓ ou ↑

3. Indentation du code

Lors de la copie du code d'un emplacement à un autre Quand, ou quand. en changeant de code, le code aura souvent une mauvaise indentation. Ce raccourci vous permet d'indenter le code selon vos besoins ou de sélectionner plusieurs lignes de code pour les déplacer ensemble.

• Windows/Linux : ctrl + [ou]
• macOS : commande + [ou]

4. Changer les commentaires de code

Utilisez cette touche de raccourci pour commenter ou décommenter la ligne de code où se trouve le curseur. est. Si vous souhaitez commenter ou décommenter plusieurs lignes de code, il vous suffit d'abord de sélectionner plusieurs lignes de code.

• Windows/Linux : ctrl + /
• macOS : commande + /

5. Changer les commentaires du bloc de code

Différentes des touches de raccourci ci-dessus, les touches de raccourci suivantes modifieront la sélection. Commentez plusieurs lignes de code en un seul commentaire.

• Windows/Linux : shift + alt + A
• macOS : shift + option + A

6Pour des raisons de lisibilité, conserver le format spécifié par le code Très important. . Visual Studio Code fournit deux commandes de raccourci pour le formatage du code.

Les touches de raccourci suivantes peuvent formater le code dans l'ensemble du fichier :

Windows/Linux
• : ctrl + shift + F
macOS
• : option + shift + F
Les touches de raccourci suivantes peuvent formater le sélectionné un code pour :

Windows/Linux
• : ctrl + K, puis ctrl + F
macOS
• : commande + K, puis commande + F
7. Corrige rapidement les erreurs

Dans de nombreux cas, si Une erreur courante ou simple se produit et Visual Studio Code peut la corriger directement (un point-virgule manquant, par exemple). Si Quick Fix est disponible, ce raccourci peut corriger rapidement les erreurs ou les avertissements.

• Windows/Linux : ctrl + .
• macOS : commande + .

8 Renommer

Il est facile de faire des erreurs si vous renommez manuellement des variables, des fonctions ou des classes qui sont utilisées plusieurs fois. Ce raccourci constitue un moyen sûr de renommer n’importe quel symbole.

• Windows/Linux : F2
• macOS : F2 + fn

9. Supprimer les espaces

Vous pouvez utiliser les touches de raccourci suivantes pour supprimer les lignes vides supplémentaires :

• Windows/Linux : ctrl + K + X
• macOS : commande + K +

10. Changer le langage de programmation

Par défaut, Visual Studio Code détecte le langage de programmation du fichier en cours de traitement. Habituellement, cela se fait en vérifiant l'extension du fichier. Cependant, si l'extension du fichier n'est pas prise en charge, la langue risque de ne pas être détectée correctement. Par conséquent, lorsque vous devez modifier le langage de programmation d’un fichier, vous pouvez utiliser cette touche de raccourci.

Windows/Linux

: ctrl + K, puis appuyez sur M
• macOS
: commande + K, puis appuyez sur M
• 7. Un meilleur encodage

1 Allez à la définition

Plusieurs fois, nous avons besoin. pour comprendre comment le code que nous utilisons est défini. Par exemple, lorsque vous appelez une fonction et que vous souhaitez savoir comment la fonction est définie, vous pouvez utiliser cette touche de raccourci.

Windows/Linux

 : F12
• macOS
 : F12 + fn
• 2. Afficher les définitions

Ce raccourci ouvre la définition où la définition est vérifiée. Cela facilite l'affichage des définitions sans avoir à basculer vers un autre fichier ou une autre ligne de code.

Windows/Linux

: alt + F12
• macOS
: option + F12 + fn

3. Lors de l'écriture du code, VS Code ou certaines extensions afficheront des suggestions de code. Ce raccourci vous permet de basculer rapidement les suggestions de code pour les afficher ou les masquer.

Windows/Linux

: ctrl + I

• macOS : commande + I
• VS Code est l'un des meilleurs éditeurs de code du marché. Il fournit de nombreuses fonctionnalités prêtes à l'emploi et de riches extensions tierces. L'utilisation de touches de raccourci dans VS Code peut faciliter le développement, nous permettant de nous concentrer sur l'écriture de code de haute qualité en moins de temps. Cet article présente quelques touches de raccourci pratiques de Visual Studio Code, dans l'espoir de vous aider à améliorer l'efficacité du développement ! Enfin, voici les touches de raccourci pour VS Code dans les systèmes Windows, Linux et macOS :

Pour plus de connaissances sur VSCode, veuillez visiter :

tutoriel vscode

 ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!