Maison outils de développement webstorm Touches de raccourci WebStorm qui valent la peine d'être collectées

Touches de raccourci WebStorm qui valent la peine d'être collectées

Nov 29, 2019 pm 03:04 PM
webstorm

WebStorm est un outil de développement JavaScript appartenant à jetbrains. Il a été salué par la majorité des développeurs JS chinois comme « artefact de développement frontal Web », « l'éditeur HTML5 le plus puissant », « l'IDE JavaScript le plus intelligent », etc. Il a la même origine qu'IntelliJ IDEA et hérite des fonctions de la puissante partie JS d'IntelliJ IDEA.

Touches de raccourci WebStorm qui valent la peine d'être collectées

1. Touches de raccourci essentielles

Quantity Ctrl+/ : Commenter la ligne actuelle

● Ctrl+Shift+/ : Insérer un commentaire à la position actuelle

● Ctrl+Alt+/ : Bloquer le commentaire et se concentrer sur la première ligne, utilisez

pour rédiger une description de commentaire ● Ctrl +Shift+A : Avant et après avoir sélectionné l'étiquette actuelle, utilisez

pour modifier l'étiquette. ● F11 : Plein écran

● Shift+F11 : Plein écran, mode Ne pas déranger, modifier uniquement. le fichier actuel

● Alt+F3 : Sélectionnez tous les mêmes mots

● Alt+. : Ferme la balise

● Alt+Shift + Numéro : Affichage en écran partagé

● Alt + Numéro : basculer pour ouvrir le Nième fichier

● Maj + clic droit et glisser : utilisez le curseur pour modifier ou insérer le contenu de la colonne

● Touches avant et arrière de la souris peut changer de fichier d'onglet

● Appuyez sur Ctrl et cliquez en séquence Ou sélectionnez plusieurs positions qui doivent être modifiées

● Appuyez sur Ctrl + Maj + touches haut et bas pour remplacer les lignes

● Ctrl+Shift+P : ouvrir le panneau de commande

● Ctrl+P : rechercher des fichiers dans le projet

● Ctrl+G : accéder à la ligne

● Ctrl+W : Fermez le fichier actuellement ouvert

● Ctrl+ Maj + W : Fermez tous les fichiers ouverts

● Ctrl+ Maj + V : Coller et formater

● Ctrl+D : sélectionnez un mot, répétez pour augmenter la sélection du même mot suivant

légère Ctrl+L : sélectionnez des lignes, répétez pour augmenter et sélectionnez la ligne suivante

légère Ctrl+ Shift+L : Sélectionnez plusieurs lignes

●Ctrl+Shift+Entrée : Dans le courant Insérer une nouvelle ligne avant la ligne

● Ctrl+X : Supprimer la ligne actuelle

gir Ctrl+M : accéder au support correspondant

g Ctrl+U : annuler en douceur, annuler la position du curseur

gCtrl+J : sélectionner le contenu de la balise

gCtrl +F : Rechercher du contenu

QuantityCtrl+Shift+F : Rechercher et remplacer

Quantity Ctrl+H : Remplacer

● Ctrl+R : Accéder à la méthode

● Ctrl+N : Créer une nouvelle fenêtre

● Ctrl+K+B : Changer la barre latérale

● Ctrl+Shift+M : Sélectionnez le contenu actuel du support, puis sélectionnez le support lui-même à plusieurs reprises

Quantity Ctrl+F2 : Définir/supprimer une marque

2. Touches de raccourci de sélection

weight Ctrl+← Déplacer le curseur unitairement vers la gauche, déplacez rapidement le curseur

●Ctrl+→ Déplacez le curseur unitairement vers la droite, déplacez rapidement le curseur

Quantityshift+↑ Sélectionnez plusieurs lignes vers le haut

Quantityshift+↓ Sélectionnez plusieurs lignes vers le bas

QuantityShift+← Sélectionnez le texte vers la gauche

QuantityShift+ → Sélectionnez le texte à droite

greep Ctrl+Shift+← Sélectionnez le texte à gauche unitairement

Quantity Ctrl+Shift+→ Sélectionnez le texte à droite unitairement

 Ctrl+ Shift+↑ Échangez la ligne où se trouve le curseur avec la ligne de code précédente (insérez la ligne où se trouve le curseur avant la ligne précédente)

Quantity Ctrl+Shift+↓ Échangez la ligne où se trouve le curseur avec la ligne de code suivante (insérez la ligne où se trouve le curseur Après être passé à la ligne suivante)

Quantity Ctrl+Alt+↑ Ajoutez un curseur multiligne vers le haut et vous pouvez modifier plusieurs lignes en même temps

 Ctrl+Alt+↓ Ajoutez un curseur multiligne vers le bas et vous pouvez modifier plusieurs lignes en même temps time

  Ctrl+D Sélectionnez le texte occupé par le curseur. Si vous continuez à opérer, le prochain texte identique sera sélectionné

● Alt+F3 Sélectionnez le texte et appuyez sur la touche de raccourci. pour sélectionner tout à la fois le même texte peut être édité simultanément. Par exemple : sélectionnez et modifiez rapidement tous les mêmes noms de variables, noms de fonctions, etc.

 Ctrl+L sélectionne la ligne entière et continue de sélectionner la ligne suivante. L'effet est le même que Shift+↓<.>

  Ctrl+Shift+L Sélectionnez d'abord plusieurs lignes, puis appuyez sur la touche de raccourci, le curseur sera inséré à la fin de chaque ligne, et vous pourrez modifier ces lignes en même temps

● Ctrl+Shift+M Sélectionnez le contenu entre parenthèses (Continuez à sélectionner la parenthèse parent). Par exemple : sélectionnez et supprimez rapidement le code dans la fonction, réécrivez le code du corps de la fonction ou réécrivez le contenu entre parenthèses

● Ctrl+M déplacez le curseur à la fin ou au début des parenthèses

● Ctrl+Entrée insère une nouvelle ligne dans la ligne suivante. Par exemple : Même si le curseur n'est pas en fin de ligne, vous pouvez rapidement insérer une ligne vers le bas

 Ctrl+Shift+Entrée pour insérer une nouvelle ligne sur la ligne précédente. Par exemple : Même si le curseur n'est pas au début de la ligne, vous pouvez rapidement insérer une ligne vers le haut

 Ctrl+Shift+[ pour sélectionner le code, appuyer sur la touche de raccourci pour réduire le code

Quantity Ctrl+Shift+] pour sélectionner le code, appuyez sur la touche de raccourci pour développer le code

 Ctrl+K+0 pour développer tous les codes pliés

3. Modification de la touche de raccourci

●Ctrl+K+K Supprimer le code du curseur jusqu'à la fin de la ligne

●Ctrl+Shift+K Supprimer la ligne entière

légaux Ctrl+/ Commentez une seule ligne

gird Ctrl+Shift+/ Commentez plusieurs lignes

légauxCtrl+J Fusionnez plusieurs lignes de code sélectionnées en une seule ligne. Par exemple : fusionner les propriétés CSS au format multiligne en une seule ligne

 Quantity Ctrl+Shift+D Copiez la ligne entière où se trouve le curseur et insérez-le dans la ligne suivante

 Tab Retrait à droite

QuantityShift+Tab Retrait à gauche

Quantity Ctrl+K+U Convertir en majuscule

Quantity Ctrl+K+L Convertir en minuscule

greep Ctrl+Z Annuler

weight Ctrl+ Y Annuler

 Quantity Ctrl+U Annulation douce, ressemble à Gtrl+Z

 Ctrl+F2 Définir des signets

Quantity Ctrl+T Échanger les lettres gauche et droite

Quantity F6 Détecter l'orthographe

4. Touches de raccourci de recherche

● Ctrl+F pour ouvrir le champ de recherche inférieur et rechercher des mots-clés

● Ctrl+shift+F Rechercher dans un dossier La différence avec les éditeurs ordinaires est que sublime vous permet d'ajouter plusieurs dossiers pour la recherche. Il est légèrement haut de gamme et n'a pas été étudié

● Ctrl+P pour ouvrir le champ de recherche. Par exemple : 1. Entrez le nom du fichier dans le projet en cours pour rechercher rapidement le fichier 2. Entrez @ et les mots-clés pour trouver le nom de la fonction dans le fichier. 3. Entrez : et un numéro pour accéder à la ligne de code dans le fichier. 4. Saisissez # et les mots-clés pour trouver le nom de la variable

● Ctrl+G pour ouvrir le champ de recherche, automatiquement avec :, saisissez le numéro pour accéder à la ligne de code. Par exemple : localisez rapidement

dans un fichier avec un code de page long. ● Ctrl+R ouvre la zone de recherche, ajoute automatiquement @, saisit des mots-clés et recherche le nom de la fonction dans le fichier. Par exemple : recherchez rapidement une fonction sur une page avec de nombreuses fonctions

● Ctrl+ : ouvrez le champ de recherche, ajoutez automatiquement #, saisissez des mots-clés et recherchez les noms de variables, les noms d'attributs, etc. dans le fichier

Quantity Ctrl+Shift+P ouvre la boîte de commande. Exemple de scénario : ouvrez la zone de dénomination, saisissez des mots-clés et appelez la fonction de texte sublime ou de plug-in, par exemple en utilisant le package pour installer le plug-in

● Esc quitte la sélection multiligne du curseur, quitte le champ de recherche, le champ de commande, etc.

5. Afficher les touches de raccourci

● Alt+Maj+1 écran partagé de la fenêtre, restaurer le par défaut 1 écran (chiffres autres que le petit clavier)

QuantityAlt+Shift+2 Diviser l'écran à gauche et à droite - 2 colonnes

Alt+Shift+3 Diviser l'écran à gauche et à droite - 3 colonnes

Alt+Shift+4 Diviser l'écran à gauche et à droite - 4 colonnes

 Alt+Shift+5 Diviser 4 écrans de manière égale

QuantityAlt+Shift+8 verticalement écran partagé - 2 écrans

● Alt + Maj + 9 Écran divisé verticalement - 3 écrans

● Ou faites un clic droit sur un onglet ouvert et sélectionnez la division verticale ou la division horizontale

gir Ctrl+K+B pour activer/désactiver la barre latérale

g F11 Mode plein écran

gMaj+F11 Mode Ne pas déranger

gCtrl+Tab Switch les onglets de la fenêtre courante dans l'ordre dans lequel les fichiers ont été parcourus

●Ctrl+PageDown Basculer vers la gauche La page à onglet de la fenêtre courante

● Ctrl+PageUp Basculer vers la gauche page de la fenêtre actuelle à droite

Cet article provient de la colonne

tutoriel webstorm, bienvenue pour apprendre !

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 de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Où trouver la courte de la grue à atomide atomique
1 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment résoudre le crash du Webstorm Comment résoudre le crash du Webstorm Apr 08, 2024 pm 02:24 PM

Étapes pour résoudre les plantages de WebStorm : Vérifiez les mises à jour ; Redémarrez votre ordinateur ; Désactivez les plug-ins ; Effacez le cache ; Vérifiez le pare-feu et le logiciel antivirus ; Réinstallez WebStorm.

Comment exécuter un projet jsp dans webstorm Comment exécuter un projet jsp dans webstorm Apr 08, 2024 pm 03:39 PM

Vous pouvez exécuter un projet JSP dans WebStorm en suivant ces étapes : Créez un projet Web Java. Configurez le projet et ajoutez des facettes Web et Java EE. Créez le fichier JSP dans le répertoire "src/main/webapp". Écrivez du code JSP comprenant des balises HTML, Java et JSP. Déployez et exécutez le projet. Accédez à la page JSP en saisissant la racine du contexte d'application dans votre navigateur.

Comment se connecter à la base de données dans Webstorm Comment se connecter à la base de données dans Webstorm Apr 08, 2024 pm 03:42 PM

Vous pouvez utiliser WebStorm pour vous connecter à la base de données en suivant les étapes suivantes : 1. Ouvrez la fenêtre de l'outil de base de données ; 2. Créez une source de données ; 3. Connectez-vous à la source de données ; 4. Interrogez la base de données ; 6. Modifier les objets de la base de données ; 7. Gérer les utilisateurs et les autorisations.

Comment redémarrer Webstorm Comment redémarrer Webstorm Apr 08, 2024 pm 07:15 PM

Pour redémarrer WebStorm, procédez comme suit : Utilisez les touches de raccourci : Windows/Linux : Ctrl + Shift + A, macOS : Cmd + Shift + A. Saisissez « redémarrer » dans le champ de recherche et sélectionnez « Redémarrer ». Utilisation du menu : Cliquez sur le menu Fichier et sélectionnez Redémarrer sous Recharger. Utilisation du Gestionnaire des tâches : Dans la fenêtre de l'application Gestionnaire des tâches ou Forcer à quitter, sélectionnez le processus WebStorm et cliquez sur Redémarrer ou Redémarrer.

Lequel est le plus facile à utiliser, webstorm ou vscode ? Lequel est le plus facile à utiliser, webstorm ou vscode ? Apr 08, 2024 pm 07:33 PM

Pour les développeurs qui se concentrent sur le développement Web et recherchent des fonctionnalités approfondies, WebStorm est un meilleur choix ; tandis que les utilisateurs qui apprécient la personnalisation, la légèreté et la prise en charge multilingue conviennent mieux à VSCode.

Comment envelopper automatiquement les lignes dans Webstorm Comment envelopper automatiquement les lignes dans Webstorm Apr 08, 2024 pm 03:48 PM

WebStorm fournit un retour à la ligne automatique, qui divise le code en lignes distinctes pour améliorer la lisibilité. Ses règles incluent : 1. Les expressions et instructions longues de branchement ; 2. Les appels de méthode de branchement ; 3. Les fonctions de branchement et les définitions de classe ; Paramètres personnalisables par l'utilisateur tels que la longueur de ligne maximale, le type d'indentation et les touches de raccourci. Cependant, le retour à la ligne risque de ne pas fonctionner avec des commentaires sur une seule ligne ou des chaînes littérales et affectera le formatage du code. Un examen attentif est donc recommandé avant l'application.

Où se trouve le retour à la ligne automatique de Webstorm ? Où se trouve le retour à la ligne automatique de Webstorm ? Apr 08, 2024 pm 08:09 PM

Le retour à la ligne automatique peut être défini dans WebStorm en suivant ces étapes : Cochez la case « Envelopper les lignes » et définissez la largeur de ligne maximale. Sélectionnez les règles de retour à la ligne automatique : aucune, retour à la ligne à n'importe quelle position ou retour à la ligne après les mots-clés. Paramètres facultatifs : conservez le retour à la ligne manuel et le retour à la ligne automatique après le retour chariot. Appliquez les paramètres et fermez la fenêtre des paramètres. Remarque : ce paramètre s'applique à tous les types de fichiers, des types de fichiers spécifiques peuvent être définis individuellement.

Comment se connecter à Webstorm Comment se connecter à Webstorm Apr 08, 2024 pm 04:45 PM

Étapes pour vous connecter à WebStorm : 1. Ouvrez WebStorm ; 2. Sélectionnez un compte GitHub ou JetBrains pour vous connecter ; 3. Entrez les informations d'identification 4. Autorisez l'accès au compte ;

See all articles