Comment formater automatiquement le code dans WebStorm?

87

Je cherche un moyen de formater automatiquement mon code dans l'IDE WebStorm?

intellij-idea formatting webstorm code-formatting HasanAboShally
la source
Je n'y vois rien de spécial. Action standard / raccourci mentionné dans "Aide | Référence de Keymap par défaut" qui n'a que les actions fréquentes répertoriées.
LazyOne

Réponses:

143

Mac : Command+ Option+L

PC : Ctrl+ Alt+L

HasanAboShally
la source
46
Cela ne répond pas à la question du code de "mise en forme automatique". Cela nécessite toujours des pressions sur les touches.
Pete Gardner
1
Il y répond, généralement vous ne voulez pas qu'il se formate jusqu'à ce que vous émettiez la commande. Cela fonctionne également dans WebStorm.
Warren LaFrance
Cela suppose que vous disposez des mappages de touches IntelliJ standard. C'est Alt + F8 par défaut dans Windows en utilisant les mappages de touches de Visual Studio .. Que vous pouvez facilement trouver en accédant à la section des mappages de touches de la fenêtre des paramètres et en recherchant «format» ou «reformater "
mjohnsonengr
2
@Vad Non. Bien que cette réponse soit appréciée, il s'agit de "formatage", pas de "formatage automatique". Le formatage automatique, comme son nom l'indique, est automatique - aucune pression de touche n'est nécessaire.
Pete Gardner
1
Pour moi, et je suppose que la plupart des gens ici, le "formatage automatique" est ce qui se produit lorsque vous appuyez sur Ctrl + Alt + L
Vad
95

C'est possible en créant une macro qui formate le code et l'enregistre, puis liez cette macro à Ctrl+ Sraccourci. (Mac: Cmd+ S)

Cette réponse a été publiée pour phpStorm et elle est également valable pour WebStorm. Une version modifiée de la réponse est la suivante:

Enregistrez la macro

  1. Edition> Macros> Démarrer l'enregistrement de la macro
  2. Appuyez sur Ctrl+ Alt+ L, puis sur Ctrl+ Alt+ S (sur Mac: Cmd+ Option+ L, puis sur Cmd+ Option+S
  3. Arrêtez d'enregistrer la macro en cliquant sur le bouton Arrêter en bas à droite de la page.
  4. Donnez à cette macro un nom comme "Formater et enregistrer"

Attribuez Ctrl + S à «Formater et enregistrer»

  1. ouvrez Fichier> Paramètres;
  2. recherchez "keymap" et ouvrez-le;
  3. recherchez "Formater et enregistrer" et double-cliquez sur l'action "Formater et enregistrer";
  4. sélectionnez "Ajouter un raccourci clavier";
  5. sélectionnez "Ctrl + S" comme premier coup.
  6. il signalera les conflits. Ignorez-le et cliquez sur le bouton OK
  7. WebStorm affichera un avertissement "Le raccourci est déjà affecté à d'autres actions. Voulez-vous supprimer d'autres attributions?" Cliquez sur le bouton "Supprimer"

C'est ça.

Andrew-Dufresne
la source
4
CECI devrait être la bonne réponse! J'ai toujours entendu parler du raccourci clavier mais cela ne formate pas "automatiquement" mon code, il ne formate que lorsque je le dis (ce que je ne fais souvent pas)
mjohnsonengr
3
J'ai dû reconfigurer "enregistrer tout" en cmd + option + s, puis changer l'étape 5 en "cmd + option + s" sur OSX
rynop
2
Pas mal, cependant il ne formate pas d'autres fichiers que celui qui est actuellement ouvert dans l'éditeur. Tous les autres fichiers sont enregistrés sans formatage
Kirill Slatin
J'ai utilisé les IDE Jetbrain 2 ans .... J'apprends une nouvelle idée géniale Merci
MJ Studio
Je suis d'accord. Cela devrait être la bonne réponse. J'ai utilisé cette réponse pendant de nombreuses années à travers plusieurs versions de JetBrains. Il est toujours exact quelle que soit l'année où vous êtes.
yanckst le
22

Le plugin "Save Actions" peut formater le code lors de l'enregistrement.

  1. Installer le plugin:

    Fichier -> Paramètres -> Plugins -> Parcourir les référentiels;

    • mot-clé d'entrée "Enregistrer les actions" installer
    • redémarrez l'EDI.

  2. Plug-in de configuration:

    Fichier -> Paramètres -> Autres paramètres

    • cochez l'option "Formater le fichier".
soneway
la source
Bienvenue. Vous pourriez apporter une meilleure réponse si vous fournissez des détails sur la configuration du plugin
Mark Chorley
Save Action est de loin la meilleure solution IMO. La documentation complète peut être trouvée ici: github.com/dubreuia/intellij-plugin-save-actions
laike9m
2

Si vous n'avez pas ALT sur votre MAC, c'est:

COMMANDE + OPTION + L

danday74
la source
3
Cela ne répond pas à la question du code de "mise en forme automatique". Cela nécessite toujours des pressions sur les touches.
Hassen Ch.