Pregunta ¿Cómo se formatea el código en Visual Studio Code (VSCode)?


¿Cuál es el equivalente de Ctrl + K + F y Ctrl + K + re en Windows en Visual Studio para formatear, o "embellecer" el código en el editor de Visual Studio Code?


991
2018-04-30 16:43


origen


Respuestas:


El formato del código está disponible en el Código VS a través de los siguientes accesos directos:

  • En Windows Cambio + Alt + F
  • En Mac Cambio + Opción + F
  • En Ubuntu Ctrl + Cambio + yo

Alternativamente, puede encontrar el acceso directo, así como otros accesos directos, a través de la funcionalidad de búsqueda provista en el editor con Ctrl +Cambio+ PAG (o Mando + Cambio + PAG en Mac) y luego buscar documento de formato.


2073
2018-04-30 16:43



Acceso directo al formato de código:

VSCode en Windows - Cambio + Alt + F

VSCode en MacOS - Cambio + Opción + F

VSCode en Ubuntu - Ctrl + Cambio + yo

También puede personalizar este acceso directo usando la configuración de preferencia si es necesario.

Formato de código al guardar el archivo: 

El código de Visual Studio permite al usuario personalizar las configuraciones predeterminadas.

Si desea formatear automáticamente su contenido mientras lo guarda, agregue este fragmento de código a continuación en la configuración del espacio de trabajo del código de Visual Studio.

Archivo -> Preferencias -> Configuración del espacio de trabajo 

{
   // Controls if the editor should automatically format the line after typing
   "beautify.onSave": true,

   "editor.formatOnSave": true,

   // You can auto formate any files based on extensions type. 
"beautify.JSfiles": [
    "js",
    "json",
    "jsbeautifyrc",
    "jshintrc",
    "ts"
  ] 
}

Nota: ahora puede formatear automáticamente archivos de mecanografía verifique mi actualización


220
2018-05-25 06:25



Puede agregar un enlace de clave en Archivo -> Preferencias -> Teclado atajos

{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }

O Estudio visual me gusta:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }

182
2018-05-01 13:49



La combinación de teclas correcta es cambio+alt+F


90
2017-07-09 10:57



También tenga en cuenta que a partir de hoy el formato está disponible para estos idiomas:

  • xml  (ellos lo quitó, demasiados errores)
  • html
  • json
  • javascript
  • mecanografiado
  • do#

66
2018-05-04 13:28



Código VS 1.6.1  admite "Formato al guardar"que recogerá automáticamente las extensiones de formateador instaladas pertinentes y formateará todo el documento en cada guardado.

Habilite "Formato al guardar" configurando

"editor.formatOnSave": true

Y hay atajos de teclado disponibles (Código VS 1.7 y por encima):

Formatear todo el documento: Cambio + Alt + F

Sólo formato de selección: CtrlK + CtrlF


45
2017-10-28 07:26



En Linux Ctrl + Cambio + yo. En Windows Alt + Cambio + F


43
2017-09-11 08:36



  1. Haga clic derecho en el archivo
  2. Seleccionar formatear documento (Alt + cambio + F) desde el cuadro de menú.

enter image description here


33
2018-02-13 10:34



En ubuntu es Ctrl + Cambio + yo


29
2017-12-13 06:57



Simplemente haga clic derecho en el texto y seleccione "código de formato".

VS Code usa js-beautify internamente, pero carece de la capacidad de modificar el estilo que desea usar. La extensión "embellecer" le permite agregar configuraciones


27
2017-09-30 11:15



Por alguna razón Alt + Cambio + F no funcionó para mí en Mac VSC 1.3.1, en realidad el comando "Formato de documento" no funcionó en absoluto. Pero el comando Formatter funcionó muy bien.

Para que pueda usar por Mando + Cambio + PAG y escribe Formatter o crea tu propio atajo en Preferencias / Atajos de teclado Mando + K  Mando + S luego escribe Formatter y agrega tu atajo ver ejemplo: enter image description here


22
2018-06-30 08:28