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
- 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
- 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
- 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
- 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
- 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 - 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.
- 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
- 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