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

intellij-idea formatting webstorm code-formatting HasanAboShally
fuente
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

HasanAboShally
fuente
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.

Andrew-Dufresne
fuente
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".
soneway
fuente
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

danday74
fuente
3
Esto no responde a la cuestión del código de "formato automático". Todavía requiere pulsaciones de teclas.
Hassen Ch.