¿Cómo formatear automáticamente el código en WebStorm?


87

Estoy buscando una forma de formatear automáticamente mi código en el IDE de WebStorm.


No veo nada especial al respecto. Acción estándar / atajo mencionado en "Ayuda | Referencia de mapa de teclas predeterminado", que solo incluye acciones frecuentes.
LazyOne

Respuestas:


143

Mac : Command+ Option+L

PC : Ctrl+ Alt+L


46
Esto no responde a la cuestión del código de "formato automático". Todavía requiere pulsaciones de teclas.
Pete Gardner

1
Lo responde, por lo general, no desea que se formatee hasta que emita el comando. Esto también funciona en WebStorm.
Warren LaFrance

Esto es asumiendo que tiene las asignaciones de teclas estándar de IntelliJ. Es Alt + F8 por defecto en Windows usando las asignaciones de teclas de Visual Studio. Que puede encontrar fácilmente yendo a la sección de mapa de teclas de la ventana de configuración y buscando "formato" o "reformatear "
mjohnsonengr

2
@Vad No. Aunque se agradece esta respuesta, se trata de "formatear", no de "formatear automáticamente". El formateo automático, como su nombre lo indica, es automático: no es necesario presionar ninguna tecla.
Pete Gardner

1
Para mí, y supongo que la mayoría de las personas aquí, "formateo automático" es lo que sucede cuando presionas Ctrl + Alt + L
Vad

95

Es posible creando una macro que formatee el código y lo guarde, y luego vincule esta macro a Ctrl+ Sacceso directo. (Mac: Cmd+ S)

Esta respuesta se publicó para phpStorm y es igualmente válida para WebStorm. Una versión modificada de la respuesta es la siguiente:


Grabe la macro

  1. Editar> Macros> Iniciar grabación de macros
  2. Presione Ctrl+ Alt+ L, y luego Ctrl+ Alt+ S (en Mac: Cmd+ Option+ L, y luego Cmd+ Option+S
  3. Deje de grabar la macro haciendo clic en el botón Detener en la parte inferior derecha de la página.
  4. Asigne a esta macro un nombre como "Formatear y guardar"

Asignar Ctrl + S a "Formatear y guardar"

  1. abra Archivo> Configuración;
  2. busque "mapa de teclas" y ábralo;
  3. busque "Formatear y guardar" y haga doble clic en la acción "Formatear y guardar";
  4. seleccione "Agregar atajo de teclado";
  5. seleccione "Ctrl + S" como primer trazo.
  6. informará de los conflictos. Ignórelo y haga clic en el botón Aceptar
  7. WebStorm mostrará una advertencia "El acceso directo ya está asignado a otras acciones. ¿Desea eliminar otras asignaciones?" Haga clic en el botón "Eliminar"

Eso es.


4
¡ESTA debería ser la respuesta correcta! Siempre he sabido sobre el atajo de teclado, pero eso no formatea "automáticamente" mi código, solo formatea cuando se lo digo (lo que a menudo no hago)
mjohnsonengr

3
Tuve que volver a mapear "guardar todo" en cmd + opción + s, luego cambiar el paso 5 a "cmd + opción + s" en OSX
rynop

2
No está mal, sin embargo, no formatea otros archivos además del que está abierto actualmente en el editor. Todos los demás archivos se guardan sin formatear
Kirill Slatin

Usé IDEs Jetbrain 2 años .... Aprendí una nueva gran idea Gracias
MJ Studio

Estoy de acuerdo. Esta debería ser la respuesta correcta. Usé esta respuesta durante muchos años a través de múltiples versiones de JetBrains. Sigue siendo exacto sin importar el año en que se encuentre.
Yanckst

22

El complemento "Guardar acciones" puede formatear el código al guardar.

  1. Instalar complemento:

    Archivo -> Configuración -> Complementos -> Explorar repositorios;

    • introducir la palabra clave "Guardar acciones" instalar
    • reinicie el IDE.
  2. Complemento de configuración:

    Archivo -> Configuración -> Otras configuraciones

    • marque la opción "Formato de archivo".

Bienvenido. Podría hacer que esta sea una mejor respuesta si proporciona algunos detalles sobre cómo configurar el complemento
Mark Chorley

Save Action es, con mucho, la mejor solución en mi opinión. La documentación completa se puede encontrar aquí: github.com/dubreuia/intellij-plugin-save-actions
laike9m

2

Si no tiene ALT en su MAC, es:

COMANDO + OPCION + L


3
Esto no responde a la cuestión del código de "formato automático". Todavía requiere pulsaciones de teclas.
Hassen Ch.
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.