Installation de Webstorm et brève introduction

Cet article présente principalement le téléchargement, l'installation, les touches de raccourci et les techniques d'utilisation simples. Les amis intéressés peuvent s'y référer.

Adresse de téléchargement WebStorm :

Lien : //m.sbmmt.com/xiazai/gongju/506

Étapes d'installation
1. Ouvrez l'image dmg et faites glisser "WebStorm.app" dans l'application
2. la page puis quittez WebStorm. Cette étape est très importante. Il n'existe pas d'instructions claires sur Internet, ce qui entraîne une erreur lors de l'ouverture de WebStorm après avoir effectué les étapes suivantes.
3. Copiez "JetbrainsCrack.jar" dans l'application - faites un clic droit sur "WebStorm.app" pour afficher le contenu du package - Contenu - bin
4. Ouvrez l'application avec un éditeur de texte - faites un clic droit sur " WebStorm.app" Affichez le package content-Contents-bin-webstorm.vmoptions, ajoutez "-javaagent:JetbrainsCrack.jar" dans la dernière ligne ;
5. Ouvrez "WebStorm.app", sélectionnez "Code d'activation", ouvrez "SN.txt", remplissez le numéro de série dans "'{}" dans la zone d'enregistrement. Ce fichier sn se trouve dans le dmg que vous avez téléchargé

conseils de configuration de webstorm.

Comment changer le thème (police et couleur) :
Fichier -> paramètres -> couleurs et polices -> >Comment démarrer webstorm N'ouvrez pas le fichier du projet :

Fichier -> Paramètres-> Supprimer général. Rouvrez le dernier projet au démarrage.

Comment afficher parfaitement le chinois :

Fichier -> Paramètres->Apparence et cochez Remplacer les polices par défaut par (non recommandé), définissez Nom : NSimSun, Taille : 12

Comment afficher les numéros de ligne :

Fichier ->Éditeur, cochez "Afficher les numéros de ligne" Le numéro de ligne est affiché

Comment envelopper le code automatiquement :

Fichier -> Paramètres -> s'enroulera automatiquement

Comment cliquer Le curseur s'affiche à la fin de la ligne :

Fichier -> Paramètres->Éditeur Décochez simplement "Autoriser le placement du curseur après la fin de la ligne".

Comment modifier les touches de raccourci :

Fichier -> Paramètres->Keymap, puis double-cliquez sur la fonction dont vous souhaitez modifier le raccourci, une boîte de dialogue apparaîtra, suivez les invites

Modifiez votre propre familier avec les touches de raccourci de l'éditeur :

Fichier ->Paramètres->Keymap, prend en charge les IDE grand public tels que Visual Studio, Eclipse et NetBeans.

Conseils sur la bibliothèque javascript.

Fichier -> paramètres -> Javascript -> Ensuite, sélectionnez la bibliothèque de classes javascript que vous utilisez souvent dans la liste, et enfin

Développement de js J'ai trouvé que je. besoin de ctrl + return pour sélectionner l'option candidate :

Fichier -> Paramètres -> Achèvement du code -> Présélectionner la première suggestion : "Intelligent" à "Toujours"

Le js l'invite est relativement lente

Fichier -> Achèvement du code -> et changez 1000 en 0

Configuration Git :

Fichier -> Éditeur -> et changez votre compte github. Si vous n'avez pas git, vous n'en avez pas besoin

Installation du plug-in :

Fichier ->plugins, puis choisissez les plug-ins puissants et installez-les. eux. (plug-in "css-X-fire", utilisé lors de l'utilisation de Firebug pour modifier les attributs CSS, le code CSS dans l'éditeur changera également)

Expérience d'utilisation de Webstorm Fonction Favoris :

Lorsque le répertoire du projet est très volumineux, certains sous-répertoires sont souvent ouverts, mais le niveau est très profond. À ce stade, vous pouvez ajouter le répertoire aux favoris. Une fois l'ajout réussi, il y aura un menu "Favoris" sur la gauche

Navigation dans le fil d'Ariane :

En plus de la page du projet sur la gauche, où vous pouvez sélectionner un répertoire, il y a un répertoire similaire au fil d'Ariane du site Web dans le menu supérieur qui peut également réaliser la même fonction. Cliquer sur chaque répertoire fera apparaître un menu déroulant pour afficher les sous-répertoires en dessous, ce qui est très pratique

Interface du constructeur :

Les commentaires apparaîtront s'ils correspondent au format. Si c'est un fichier js, ce sont les fonctions et objets de la classe js ; si c'est un fichier css, c'est un résumé du fichier css ; si c'est un fichier html, c'est le schéma de structure du nœud. Ceci est juste pour faciliter la visualisation de la structure du code

interface todo :

Ajoutez des commentaires todo au code et cette interface apparaîtra

Interface de code à double colonne :
Cliquez avec le bouton droit sur le fichier dans l'onglet Code, puis faites un clic droit> renversé verticalement (écrans gauche et droit) ou renversé horizontalement (écrans supérieur et inférieur)

Fonction d'historique local :
Un bon moyen de récupérer le code

Instructions sur les touches de raccourci Webstorm

Modification des touches de raccourci associées

Ctrl + Espace：
Complètement du code de base (le nom de n'importe quelle classe, méthode ou variable) Complétion du code de base (le nom de n'importe quelle classe, fonction ou variable), remplacez par Alt+S

Ctrl + Maj + Entrée :
Instruction complète pour compléter l'instruction actuelle

Ctrl + P :
Informations sur les paramètres (dans les arguments de l'appel de méthode) Les informations sur les paramètres incluent les paramètres d'appel de méthode

Ctrl + souris sur le code
Brèves informations Informations simples

Ctrl + F1
Afficher la description de l'erreur ou de l'avertissement au curseur Afficher l'erreur ou l'avertissement à la position du curseur

Alt + Insert
Générer du code... (Getters, Setters, Constructeurs) Créez un nouveau fichier ou générez du code,...Constructeur, vous pouvez créer des méthodes getter et setter pour n'importe quel champ de la classe

Ctrl + O
Remplacer les méthodes Méthodes surchargées

Ctrl + I
Méthodes d'implémentation Méthodes d'implémentation

Ctrl + Alt + T
Entourer avec… (si, sinon, try, catch, for, etc) Entouré de * Ligne de code sélectionnée, (* y compris if, while, try catch, etc.)

Ctrl + /
Commenter/décommenter avec commentaire de ligne Commentaire de ligne/ décommenter la ligne

Ctrl + Shift + /
Commenter/décommenter avec bloquer le commentaire bloquer le commentaire/décommenter le commentaire du bloc

Ctrl + W
Sélectionner des blocs de code augmentant successivement Sélectionnez les blocs de code, généralement sélection incrémentielle

Ctrl + Maj + W
Diminuer la sélection actuelle à l'état précédent Revenir à la touche de raccourci précédente, décrémenter le code de sélection

Alt + Q
Informations contextuelles Informations contextuelles

Alt + Entrée
Afficher les actions d'intention et les correctifs rapides Actions d'intention, résultats rapides

Ctrl + Alt + L
Reformater le code Formater le code selon le format du modèle

Tab/Shift + Tab
Indent/annuler l'indentation des lignes sélectionnées Indent/annuler l'indentation des lignes sélectionnées

Ctrl + X ou Shift + Suppr
Couper la ligne actuelle ou le bloc sélectionné dans le presse-papiers Couper la ligne actuelle ou bloc sélectionné dans le presse-papiers Bloc de code dans le presse-papiers

Ctrl + C ou Ctrl + Insérer
Copier la ligne actuelle ou le bloc sélectionné dans l'aggloméré Copier la ligne actuelle ou le bloc sélectionné dans l'aggloméré

Ctrl + V ou Shift + Insérer
Coller depuis le presse-papiers Coller le contenu dans le presse-papiers

Ctrl + Shift + V
Coller à partir des tampons récents Coller le dernier contenu dans le tampon

Ctrl + D
Dupliquer la ligne actuelle ou le bloc sélectionné Dupliquer la ligne actuelle ou le bloc sélectionné

Ctrl + Y
Supprimer la ligne au curseur Supprimer la ligne à la position du curseur

Ctrl + Shift + J
Jointure de ligne intelligente (HTML et JavaScript uniquement) Rejoindre une ligne intelligente (HTML et JavaScript)

Ctrl + Entrée
Séparation de ligne intelligente (HTML et JavaScript uniquement) Ligne intelligente séparée (HTML et JavaScript)

Maj + Entrée
Démarrer une nouvelle ligne

Ctrl + Maj + U
Basculer la casse du mot au curseur ou au bloc sélectionné Conversion de la casse à la position du curseur

Ctrl + Shift + ]/[
Sélectionner jusqu'à la fin/début du bloc de code Sélectionner jusqu'à la fin/début du bloc de code

Ctrl + Supprimer
Supprimer jusqu'à la fin du mot Supprimer la fin du texte

Ctrl + Retour arrière
Supprimer au début du mot Supprimer le début du texte

Ctrl + Pavé numérique+/-
Agrandir/réduire le bloc de code développer/réduire le bloc de code

Ctrl + Maj+Pad numérique+
Agrandir tout Développer tout

Ctrl + Maj+Pad numérique -
Réduire Tout réduire

Ctrl + F4
Fermer l'onglet éditeur actif Fermer l'onglet éditeur actif

Rechercher /replaceSearch/ Remplacer les touches de raccourci associées

Ctrl + F
Rechercher rapidement du code dans le fichier actuel

Ctrl + Maj + F
Rechercher dans le chemin Rechercher le chemin dans le fichier spécifié

F3
Rechercher le suivant Rechercher le suivant

Maj + F3
Rechercher le précédent Rechercher le précédent

Ctrl + R
Remplacer Remplacer le code dans le fichier actuel

Ctrl + Shift + R
Remplacer dans le chemin Remplacement par lots des codes dans les fichiers spécifiés

Utilisation des touches de raccourci associées à la recherche

Alt + F7/Ctrl + F7
Rechercher les utilisations/Rechercher les utilisations dans le fichier Rechercher l'utilisation/Rechercher l'utilisation dans le fichier

Ctrl + Maj + F7
Mettre en surbrillance les utilisations dans le fichier

Ctrl + Alt + F7
Afficher les utilisations Afficher l'utilisation

En cours d'exécution

Alt + Shift + F10
Sélectionnez la configuration et exécutez Sélectionnez l'architecture, exécutez

Alt + Shift + F9
Sélectionnez la configuration et debug Sélectionnez l'architecture et corrigez la vulnérabilité

Shift + F10
Exécuter Exécuter

Shift + F9
Debug Corrigez la vulnérabilité

Ctrl + Shift + F10
Exécuter la configuration du contexte depuis l'éditeur Exécuter la configuration du contexte depuis l'éditeur

Ctrl + Shift + X
Exécuter la ligne de commande Exécuter la ligne de commande

Débogage Touches de raccourci liées au débogage

F8
Passez sans entrer dans la fonction

F7
Passez à l'exécution en une seule étape

Maj + F7
Pas intelligent dans Pas intelligent dans

Maj + F8
Sortir Sauter

Alt + F9
Courir vers le curseur Courir vers le curseur

Alt+ F8
Évaluer l'expression Évaluer l'expression

F9
Reprendre le programme Redémarrer le programme

Ctrl + F8
Basculer le point d'arrêt Changer le point d'arrêt

Ctrl + Maj + F8
Afficher les points d'arrêt Afficher les points d'arrêt

Touches de raccourci liées au positionnement de la navigation

Ctrl + N
Aller à la classe, accéder à la classe spécifiée

Ctrl + Maj + N
aller au fichier Rechercher rapidement les fichiers du projet par nom de fichier

Ctrl + Alt + Maj + N
Aller au symbole Rechercher l'emplacement de la fonction par un caractère

Alt + Droite/gauche
Aller à l'onglet éditeur suivant/précédent Aller à l'option éditeur suivant/précédent

F12
Revenir à la fenêtre outil précédente Revenir à la fenêtre outil précédente

Esc
Aller à l'éditeur (depuis la fenêtre outil) Entrer dans l'éditeur depuis la fenêtre outil

Shift + Esc
Masquer la fenêtre active ou la dernière fenêtre active Masquer la fenêtre active

Ctrl + Shift + F4
Fermer l'exécution/message/find/…onglet actif Fermer l'activité….Tab

Ctrl + G
Aller à la ligne Aller à la ligne

Ctrl + E
Popup des fichiers récents Pop afficher les fichiers récemment ouverts

Ctrl + Alt + Gauche/Droite
Naviguer en arrière/avant Naviguer en avant/en arrière

Ctrl + Maj + Retour arrière
Naviguer jusqu'à l'emplacement de la dernière modification Aller au récent Modifier la navigation de positionnement

Alt + F1
Sélectionner le fichier ou le symbole actuel dans n'importe quelle vue Rechercher l'emplacement du code ou du fichier actuellement sélectionné dans d'autres modules d'interface

Ctrl + B ou Ctrl + Clic
Aller à la déclaration Aller à la définition

Ctrl + Alt + B
Aller à la ou aux implémentation(s) Aller à l'implémentation de la méthode

Ctrl + Shift + B
Aller pour saisir la déclaration Aller à la définition de la méthode

Ctrl + Maj + I
Ouvrir la recherche rapide de définition Ouvrir la recherche rapide de définition

Ctrl + U
Aller à la super-méthode/super-classe Sauter la méthode/super classe

Alt + Haut/Bas
Aller à la méthode précédente/suivante Déplacer rapidement la position entre les méthodes

Ctrl + ]/[
Déplacer vers la fin du bloc de code/ start sauter à la fin/au début du bloc de codage

Ctrl + F12
Popup de structure de fichier popup de structure de fichier

Ctrl + H
Type de hiérarchie type hiérarchie

Ctrl + Alt + H
Hiérarchie des appels Hiérarchie des appels

F2/ Maj + F2
Erreur en surbrillance suivante/précédente Passer à l'erreur suivante/précédente, mettre en surbrillance rapidement les erreurs ou les avertissements Positionnement, utiliser ce raccourci clé pour passer rapidement entre les déclarations erronées.

F4/Ctrl + Entrée
Modifier la source/Afficher la source Modifier le code source/Afficher le code source

Alt + Accueil
Afficher la barre de navigation Afficher la barre de navigation

F11
Basculer le signet Changer de marque

Ctrl + F11
Basculer le signet avec mnémonique Utiliser la mémoire pour changer de marque

Ctrl + #[0-9]
Aller au signet numéroté Aller au balisage numéroté

Maj + F11
Afficher le signet Afficher le signet

Refactoring Touches de raccourci associées à la refactorisation

F5
Copier la copie

F6
Déplacer Déplacer

Alt + Supprimer
Supprimer en toute sécurité Supprimer en toute sécurité

Maj + F6
Renommer Renommer

Ctrl + Alt + N
Variable intégrée variable en ligne

Ctrl + Alt + M
Méthode d'extraction (Javascript uniquement) fonction d'extraction

Ctrl + Alt + V
Introduire la variable introduite variable

Ctrl + Alt + F
Introduire le champ introduit le champ

Ctrl + Alt + C
Introduire la constante introduit les constantes

VCS/Système de contrôle de version de l'historique local/Touches de raccourci liées à l'historique local

Alt + BackQuote( )
'VCS'quick popup Affiche rapidement VCS

Ctrl + K
Commit project to VCS Soumettre le projet à VCS

Ctrl + T
Mettre à jour le projet à partir de VCS Mettre à jour le projet à partir de VCS

Alt + Shift + C
Afficher les modifications récentes Afficher les dernières modifications

Général Touches de raccourci associées fréquemment utilisées

Ctrl + Shift +A
Rechercher l'action Rechercher et appeler la fonction de l'éditeur

Alt + #[0-9]
Ouvrir la fenêtre de l'outil correspondante Basculer rapidement pour ouvrir le module d'interface

Ctrl + Alt + F11
Basculer le mode plein écran Changer le mode plein écran

Ctrl + Shift + F12
Basculer l'éditeur de maximisation Changer l'éditeur de maximisation

Alt + Shift + F
Ajouter aux favoris Ajouter le fichier actuel aux favoris

Alt + Maj + I
Inspecter le fichier actuel avec le profil actuel Utiliser les attributs actuels pour inspecter le fichier actuel

Ctrl + BackQuote( )
Changement rapide du schéma actuel Changez rapidement les combinaisons existantes

Ctrl + Alt + S
Ouvrir la boîte de dialogue de configuration Ouvrir la boîte de dialogue de configuration

Ctrl + Tab
Basculer entre les onglets et l'outil fenêtre Conversion des étiquettes et des fenêtres outils (conflits avec les touches de raccourci Windows)

Recommandations associées :

Comment utiliser Babel dans WebStorm ES6

Comment utiliser Babel dans Webstorm pour convertir ES6 en ES5

Couramment utilisé Clé de raccourcis WebStorm

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!