typescript - temas - ¿Cómo formatea el código al guardar en VS Code?

ordenar codigo visual studio code

Question

Me gustaría formatear automáticamente el código TypeScript usando el formateador incorporado cuando guardo un archivo en Visual Studio Code.

Conozco las siguientes opciones, pero ninguna de ellas es lo suficientemente buena:

• Formatear manualmente Shift + Alt + F
• Formato en tipo "editor.formatOnType": true
  • Formatea la línea cuando presiona enter. Desafortunadamente, lo deja sin formato cuando hace clic con el mouse en otra línea o presiona la flecha arriba / abajo.
• Usar extensión existente
  • Probé este, pero no parece funcionar demasiado bien.
• Utilice embellecer "beautify.onSave": true
  • No funciona con TypeScript
• Escribir extensión personalizada
  • Es complicado si desea manejar autoguardados y compilaciones correctamente.

Answer 1

Para formatear automáticamente el código al guardar:

• Presione Ctrl para abrir las preferencias del usuario.

• Ingrese el siguiente código en el archivo de configuración abierto

  {
      "editor.formatOnSave": true
  }

• Guardar el archivo

Source

Answer 2

A partir de septiembre de 2016 (VSCode 1.6), esto ahora es oficialmente supported .

Agregue lo siguiente a su archivo settings.json :

"editor.formatOnSave": true

Answer 3

Para usuarios de MAC , agregue esta línea a su Configuración predeterminada

La ruta del archivo es: / Users / USER_NAME / Library / Application Support / Code / User / settings.json

"tslint.autoFixOnSave": verdadero

La muestra del archivo sería:

{
    "window.zoomLevel": 0,
    "workbench.iconTheme": "vscode-icons",
    "typescript.check.tscVersion": false,
    "vsicons.projectDetection.disableDetect": true,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "eslint.autoFixOnSave": true,
    "tslint.autoFixOnSave": true
}

Answer 4

Si desea formatear automáticamente al guardar solo con la fuente Javascript, agregue este en Users Setting (presione Cmd o Ctrl ):

"[javascript]": { "editor.formatOnSave": true }

Answer 5

Ya no es necesario agregar comandos. Para aquellos que son nuevos en Visual Studio Code y buscan una forma fácil de formatear el código al guardar, sigan los pasos a continuación.

1. Abra Configuración presionando [Cmd+,] en Mac o usando la siguiente captura de pantalla.

2. Escriba '' formato '' en el cuadro de búsqueda y active la opción '' Formatear al guardar ''.

Estás listo. Gracias.