Maison  >  Article  >  interface Web  >  Comment utiliser les touches de raccourci du front-end Web

Comment utiliser les touches de raccourci du front-end Web

PHPz
PHPzoriginal
2023-05-26 09:00:363050parcourir

Avec le développement du développement Web frontal, de nombreux développeurs découvriront que l'utilisation de touches de raccourci pendant le développement peut considérablement améliorer l'efficacité du développement et réduire un grand nombre d'opérations répétées, rendant le développement plus efficace et plus pratique. Si vous souhaitez également améliorer votre efficacité de travail dans le développement Web frontal, apprenez à utiliser les touches de raccourci Web Front-end.

1. Touches de raccourci communes pour les éditeurs

  1. Touches de raccourci de base pour les opérations
    Ctrl + A : Tout sélectionner
    Ctrl + C : Copier
    Ctrl + X : Couper
    Ctrl + V : Coller
    Ctrl + Z : Annuler
    Ctrl + Y : Rétablir
    Ctrl + F : Rechercher
    Ctrl + H : Remplacer
    Ctrl + S : Enregistrer
    Ctrl + N : Nouveau
    Ctrl + O : Ouvrir le fichier
    Ctrl + P : Imprimer
    Ctrl + W : Fermer la fenêtre actuelle
  2. Touches de raccourci des opérations d'édition
    Ctrl + B : Mettre le texte sélectionné en gras
    Ctrl + I : Mettre le texte sélectionné en italique
    Ctrl + U : Souligner le texte sélectionné
    Ctrl + L : Sélectionner une ligne
    Maj + Appuyer sur la flèche vers le bas/ Flèche vers le haut : sélectionnez plusieurs lignes
    Ctrl + Maj + Flèche gauche/Flèche droite : déplacez la ligne actuelle
    Ctrl + Maj + F : Formater le code
    Ctrl + / : Commenter/décommenter le code
    Ctrl + D : Répéter la ligne actuelle
    Ctrl + J : Fusionner plusieurs lignes sélectionnées en une seule ligne

2. Raccourcis de débogage du navigateur

  1. Raccourcis des éléments
    F12 : Ouvrir/fermer la console
    Ctrl + Maj + I : Ouvrir/fermer les éléments d'inspection
    Ctrl + Maj + C : Changer pour inspecter les éléments
    Ctrl + Shift + P : sélectionnez les panneaux pertinents sur les éléments tels que "Console", "Elements", "Sources", etc.
    Ctrl + Shift + F : recherchez des éléments
  2. Touches de raccourci de la console
    F4 : passez à historique
    Tab : saisie de saisie semi-automatique
    Maj + Tab : saisie de saisie semi-automatique inversée
    Haut/Bas : défilement de l'historique
    Ctrl + L : effacer l'historique
    Esc : échappement de caractères spéciaux

3. Raccourcis de l'éditeur de code

  1. Raccourcis de code Visual Studio
    Ctrl + Shift + P : ouvrir le panneau de commande
    Ctrl + P : ouvrir rapidement des fichiers
    Ctrl + ~ : changer de terminal
    Ctrl + / : commenter/décommenter le code
    Ctrl + D : sélectionner le mot suivant identique au mot actuel sélection
    Alt + Haut/Bas : Déplacez le code de haut en bas
    Ctrl + Maj + Entrée : Insère une nouvelle ligne au-dessus de la ligne actuelle
    Alt + Maj + Flèche droite/Flèche gauche : Indente la ligne actuelle vers la droite/gauche
  2. Touches de raccourci Sublime Text 3
    Ctrl + Maj + P : ouvrez le panneau de commande
    Ctrl + D : sélectionnez la source du mot pour extraire tous les mots
    Ctrl + Alt + Flèche vers le bas/Flèche vers le haut : Copiez la ligne vers le bas/vers le haut
    Ctrl + Maj + K : Supprimer toute la ligne
    Ctrl + KK : Supprimer du curseur jusqu'à la fin de la ligne
    Ctrl + Maj + L : Sélectionnez le texte correspondant à modifier en même temps

Autres Touches de raccourci couramment utilisées

IV.
  1. Touches de raccourci Git
    Comme d'autres systèmes de contrôle de version orientés objet, Git fournit également de nombreuses touches de raccourci pour nous aider à améliorer l'efficacité des opérations de commande. Les touches de raccourci Git couramment utilisées sont les suivantes :
    P (Push) : envoyer le code local à l'entrepôt
    S (Statut) : afficher l'état du fichier local
    F (Récupérer) : obtenir le dernier code et l'extraire localement
    A (Ajouter) : Ajouter du code à la zone de préparation
    C (Commit) : Soumettre le code au référentiel local
    B (Branch) : Créer une nouvelle branche
    M (Fusionner) : Fusionner le code dans la branche actuelle
  2. Touches de raccourci Markdown
    Ctrl + 1, 2, 3....n : Ajouter un niveau de titre
    Ctrl + L : Ajouter un lien
    Ctrl + K : Insérer un bloc de code
    Ctrl + B : Ajouter du gras
    Ctrl + I : Ajouter de l'italique
    Ctrl + U : Ajouter souligner
    Ctrl + H : Ajouter une ligne horizontale
    Ctrl + Q : Ajouter une référence de bloc

Résumé :
Dans le développement web front-end, comprendre et maîtriser certaines touches de raccourci couramment utilisées peuvent aider à améliorer l'efficacité du développement, à réduire les opérations répétées, et améliorer l'efficacité du travail et la qualité du développement. Les méthodes d'utilisation des touches de raccourci Web frontales présentées ci-dessus sont uniquement à titre de référence. Je pense que la maîtrise de ces touches de raccourci vous permettra certainement d'améliorer rapidement votre efficacité de travail dans le domaine du développement Web frontal et d'effectuer les tâches de développement plus rapidement. et rendez votre travail plus efficace et sans effort.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn