Como formatar o código automaticamente no WebStorm?

87

Estou procurando uma maneira de formatar automaticamente meu código no IDE WebStorm?

HasanAboShally
fonte
Não vejo nada de especial nisso. Ação / atalho padrão mencionado em "Ajuda | Referência de mapa de teclado padrão", que tem apenas ações frequentes listadas.
LazyOne de

Respostas:

143

Mac : Command+ Option+L

PC : Ctrl+ Alt+L

HasanAboShally
fonte
46
Isso não responde à questão da "formatação automática" do código. Ele ainda requer teclas.
Pete Gardner
1
Ele responde, geralmente você não quer que ele formate até que você execute o comando. Isso também funciona no WebStorm.
Warren LaFrance
Isso supõe que você tenha os mapeamentos de teclado padrão do IntelliJ. É Alt + F8 por padrão no Windows usando os mapeamentos de teclado do Visual Studio. Os quais você pode encontrar facilmente acessando a seção de mapa de teclado da janela de configurações e procurando por "formato" ou "reformatar "
mjohnsonengr
2
@Vad Não. Embora esta resposta seja apreciada, é sobre "formatação", não "formatação automática". A formatação automática, como o nome indica, é automática - não é necessário pressionar nenhuma tecla.
Pete Gardner
1
Para mim, e presumo que a maioria das pessoas aqui, "formatação automática" é o que acontece quando você pressiona Ctrl + Alt + L
Vad de
95

Isso é possível criando uma macro que formata o código e o salva, e então vincula essa macro ao atalho Ctrl+ S. (Mac: Cmd+ S)

Esta resposta foi postada para phpStorm e é igualmente válida para WebStorm. Uma versão modificada da resposta é a seguinte:


Grave a macro

  1. Editar> Macros> Iniciar gravação de macro
  2. Pressione Ctrl+ Alt+ Le, em seguida, Ctrl+ Alt+ S (no Mac: Cmd+ Option+ Le, em seguida, Cmd+ Option+S
  3. Pare de gravar a macro clicando no botão Parar na parte inferior direita da página.
  4. Dê a esta macro um nome como "Formatar e Salvar"

Atribua Ctrl + S para "Formatar e Salvar"

  1. abra Arquivo> Configurações;
  2. procure por "mapa de teclado" e abra-o;
  3. procure "Formatar e Salvar" e dê um duplo clique na ação "Formatar e Salvar";
  4. selecione "Adicionar atalho de teclado";
  5. selecione "Ctrl + S" como primeiro golpe.
  6. ele irá relatar conflitos. Ignore-o e clique no botão OK
  7. O WebStorm mostrará um aviso "O atalho já está atribuído a outras ações. Você deseja remover outras atribuições?" Clique no botão "Remover"

É isso aí.

Andrew-Dufresne
fonte
4
ESTA deve ser a resposta correta! Sempre soube do atalho de teclado, mas isso não formata "automaticamente" meu código, ele só formata quando eu digo (o que geralmente não faço)
mjohnsonengr
3
Tive que mapear novamente "salvar tudo" para cmd + opção + s e, em seguida, alterar a etapa 5 para "cmd + opção + s" no OSX
rynop
2
Nada mal, porém não formata outros arquivos além do que está aberto no editor. Todos os outros arquivos são salvos sem formatação
Kirill Slatin
Usei Jetbrain IDEs por 2 anos .... Aprendi uma nova ótima ideia Obrigado
MJ Studio
Concordo. Esta deve ser a resposta correta. Usei essa resposta por muitos anos em várias versões do JetBrains. Ainda é preciso, não importa em que ano você esteja.
yanckst
22

O plugin "Salvar ações" pode formatar o código ao salvar.

  1. Instalar plugin:

    Arquivo -> Configurações -> Plug-ins -> Navegar nos repositórios;

    • insira a palavra-chave "Salvar ações" instalar
    • reinicie o IDE.
  2. Plug-in de configuração:

    Arquivo -> Configurações -> Outras configurações

    • marque a opção "Formatar arquivo".
soneway
fonte
Bem-vinda. Você poderia tornar esta uma resposta melhor se fornecesse alguns detalhes sobre como configurar o plug
Mark Chorley
Save Action é de longe a melhor solução da IMO. A documentação completa pode ser encontrada aqui: github.com/dubreuia/intellij-plugin-save-actions
laike9m
2

Se você não tem ALT em seu MAC é:

COMANDO + OPÇÃO + L

danday74
fonte
3
Isso não responde à questão da "formatação automática" do código. Ele ainda requer teclas.
Hassen Ch.