¿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.