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

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

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

Atribua Ctrl + S para "Formatar e Salvar"

abra Arquivo> Configurações;
procure por "mapa de teclado" e abra-o;
procure "Formatar e Salvar" e dê um duplo clique na ação "Formatar e Salvar";
selecione "Adicionar atalho de teclado";
selecione "Ctrl + S" como primeiro golpe.
ele irá relatar conflitos. Ignore-o e clique no botão OK
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.

Instalar plugin:

Arquivo -> Configurações -> Plug-ins -> Navegar nos repositórios;
- insira a palavra-chave "Salvar ações" instalar
- reinicie o IDE.
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.