¿Cuál es el equivalente de Ctrl+ K+ Fy Ctrl+ K+ Den Windows en Visual Studio para formatear o "embellecer" el código en el editor de código de Visual Studio?

El formato del código está disponible en Visual Studio Code a través de los siguientes atajos:

• En Windows Shift+ Alt+F
• En Mac Shift+ Option+F
• En Linux Ctrl+ Shift+I

Alternativamente, puede encontrar el acceso directo, así como otros accesos directos, a través de la 'Paleta de comandos' proporcionada en el editor con Ctrl+ Shift+ P(o Command+ Shift+ Pen Mac), y luego buscar el documento de formato .

Para fragmentos no guardados

1. Abrir paleta de comandos (Win: F1 o Ctrt + Shift + P)

2. Busque 'Cambiar modelo de idioma'

3. Seleccione el idioma, por ejemplo json. A estas alturas, la sintaxis debería estar resaltada.

4. Dar formato al documento (por ejemplo, Abrir paleta de comandos -> ' Dar formato a documento ')

Desformatear

1. Seleccionar texto
2. Paleta de comandos -> Unir líneas

' Muestra las fotos '

Atajo de formato de código:

Código de Visual Studio en Windows - Shift+ Alt+F

Código de Visual Studio en MacOS - Shift+ Option+F

Código de Visual Studio en Ubuntu - Ctrl+ Shift+I

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

Formateo de código mientras se guarda el archivo:

Visual Studio Code permite al usuario personalizar la configuración predeterminada.

Si desea formatear automáticamente su contenido mientras guarda, agregue el siguiente fragmento de código en la configuración del espacio de trabajo de Visual Studio Code.

Menú 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 format any files based on the file extensions type.
    "beautify.JSfiles": [
        "js",
        "json",
        "jsbeautifyrc",
        "jshintrc",
        "ts"
    ]
}

Nota: ahora puede formatear automáticamente archivos de TypeScript. Revisa mi actualización.

Puede agregar una combinación de teclas en el menú Archivo → Preferencias → Atajos de teclado.

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

O Visual Studio como:

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

1. Haga clic con el botón derecho en algún lugar del área de contenido (texto) del archivo
2. Seleccione Formato de documento en el menú:
   • Ventanas: Alt Shift F
   • Linux: Alt Shift I
   • Mac OS: ⌥ ⇧ F

La combinación de teclas correcta es Shift+ Alt+ F.

Visual Studio Code 1.6.1 admite " Formatear al guardar ", que automáticamente recogerá las extensiones de formateador instaladas relevantes y formateará todo el documento en cada guardado.

Habilite "Formatear al guardar" configurando

"editor.formatOnSave": true

Y hay atajos de teclado disponibles (Visual Studio Code 1.7 y superior):

Dar formato a todo el documento : Shift+ Alt+F

Solo selección de formato : Ctrl+ K, Ctrl+F

En Linux es Ctrl+ Shift+ I.

En Windows es Alt+ Shift+ F. Probado con HTML / CSS / JavaScript y Visual Studio Code 1.18.0.

Para otros idiomas, es posible que deba instalar un paquete de idioma específico.

Para Fedora

1. Haga clic en File-> Preferences-> Keyboard shortcuts.
2. Debajo Default Keyboard Shortcuts, busque ( Ctrl+ F) editor.action.format.

Mía leer "key": "ctrl+shift+i"

También puedes cambiarlo. Consulte esta respuesta sobre cómo ... o si se siente un poco perezoso para desplazarse hacia arriba:

Puede agregar una combinación de teclas en "Preferencias-> Atajos de teclado"

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

O Visual Studio como:

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

Nota: la cmdclave es solo para Mac. Para Windows y Fedora (teclado de Windows) useCtrl

EDITAR :

Según la versión de Visual Code, 1.28.2esto es lo que encontré.

editor.action.formatya no existe. Ahora ha sido reemplazado por editor.action.formatDocumenty editor.action.formatSelection.

Escriba editor.action.formaten el cuadro de búsqueda para ver los accesos directos existentes.

Para cambiar las combinaciones de teclas, siga estos pasos:

1. Haga clic en editor.action.formatDocumentoeditor.action.formatSelection
2. Aparece un icono similar a un bolígrafo a la izquierda; haga clic en él.
3. Aparece una ventana emergente. Presione la combinación de teclas deseada y presione enter.

En Ubuntu es Ctrl+ Shift+ I.

Menú Archivo → Preferencias → Configuración

"editor.formatOnType": true

Cuando ingrese el punto y coma, se formateará.

Alternativamente, también puede usar "editor.formatOnSave": true.

Simplemente haga clic con el botón derecho en el texto y seleccione "Formato de código".

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

Por alguna razón, Alt+ Shift+ Fno me funcionó en Mac Visual Studio Code 1.3.1, y en realidad el comando "Formatear documento" no funcionó en absoluto. Pero el formateador de comandos funcionó muy bien.

Entonces puede usar Command+ Shift+ Py escribir Formateador o crear su propio atajo en el menú Archivo → Preferencias → Atajos de teclado → Command+ K Command+ Sluego escriba Formateador y agregue su atajo.

Vea un ejemplo:

Shift+ Alt+ Fhace el trabajo bien en 1.17.2 y superior.

Formateo de código en Visual Studio.

He intentado formatear en Windows 8.

Simplemente siga las capturas de pantalla a continuación.

1. Haga clic en Ver en la barra de menú superior y luego haga clic en Paleta de comandos.

   

2. Entonces aparecería un cuadro de texto donde necesitamos escribir Formato

   Shift+ Alt+F

   

En Visual Studio Code, Shift+ Alt+ Festá haciendo lo que Ctrl+ K+ Destá haciendo en Visual Studio.

En Mac, Shift+ Alt+ Ffunciona para mí.

Siempre puede comprobar las combinaciones de teclas en el menú:

Menú Archivo → Preferencias → Atajos de teclado y filtrar por palabra clave 'formato'.

El atajo de formato en C # no funcionó para mí hasta que instalé Mono para Mac OS X, DNVM y DNX .

Antes de instalar Mono, el acceso directo de formato automático ( Shift+ Alt+ F) funcionaba solo para los .jsonarchivos.

La forma más sencilla que uso en Visual Studio Code (Ubuntu) es:

Seleccione el texto que desea formatear con el mouse.

Haga clic derecho y elija "Selección de formato" .

Si bien cambiar el comportamiento predeterminado de Visual Studio Code requiere una extensión, puede anular el comportamiento predeterminado en el área de trabajo o en el nivel de usuario. Funciona para la mayoría de los lenguajes compatibles (puedo garantizar HTML, JavaScript y C #).

Nivel de espacio de trabajo

Beneficios

• No requiere una extensión
• Se puede compartir entre equipos

Resultados

• .vscode/settings.json se crea en la carpeta raíz del proyecto

¿Cómo?

1. Vaya a: Menú Archivo → Preferencias → Configuración del espacio de trabajo

2. Agregue y guarde "editor.formatOnType": trueen settings.json (que anula el comportamiento predeterminado para el proyecto en el que trabaja creando el archivo .vscode / settings.json).

   

Nivel de entorno de usuario

Beneficios

• No requiere extensión
• Ajustes del entorno de desarrollo personal para gobernarlos a todos (configuración :))

Resultados

• El usuario settings.jsonestá modificado (consulte la ubicación por sistema operativo a continuación)

¿Cómo?

1. Vaya a: menú Archivo → Preferencias → Configuración de usuario

2. Añadir o cambiar el valor de "editor.formatOnType": falsea "editor.formatOnType": trueen el settings.json usuario

La settings.jsonubicación de su usuario de Visual Studio Code es:

Ubicaciones del archivo de configuración según su plataforma, el archivo de configuración del usuario se encuentra aquí:

• Ventanas: %APPDATA%\Code\User\settings.json
• Mac: $HOME/Library/Application Support/Code/User/settings.json
• Linux: $HOME/.config/Code/User/settings.jsonel archivo de configuración del espacio de trabajo se encuentra en la carpeta .vscode de su proyecto.

Puede encontrar más detalles aquí .

De forma predeterminada, esta clave no me funcionaba en documentos HTML, CSS y JavaScript.

Después de buscar, encontré el popular plugin JS-CSS-HTML Formatter con 133,796 instalaciones .

Después de la instalación, simplemente recargue las ventanas y presione Ctrl+ Shift+ F, ¡y funciona!

Seleccione el texto, haga clic derecho sobre la selección y seleccione la opción "paleta de comandos":

Se abre una nueva ventana. Busque "formato" y seleccione la opción que tiene el formato según el requisito.

Simplemente instale Visual Studio Keymap (Visual Studio Keymap para Visual Studio Code) de Microsoft. Problema resuelto. :pag

En Mac, use ⌘+ Ky luego ⌘+ F.

Primero debe instalar el complemento apropiado (es decir, XML, C #, etc.).

El formato no estará disponible hasta que haya instalado el complemento correspondiente y guarde el archivo con una extensión adecuada.

Para aquellos que quieran personalizar qué archivos JavaScript formatear, pueden usar cualquier extensión en la JSfilespropiedad. Lo mismo se aplica a HTML.

{
    "beautify.onSave": true,
    "beautify.JSfiles": ["js", "json", "jsbeautifyrc", "jshintrc", "ts"],
    "beautify.HTMLfiles": ["htm", "html"]
}

Esto permitirá embellecer al guardar para TypeScript, y puede agregar XML a la opción HTML.

Si desea personalizar el estilo de formato de documento, debe utilizar la extensión Embellecer .

Consulte esta captura de pantalla:

Este no. Utilizar esta:

Menú Archivo → Preferencias → Configuración del espacio de trabajo , "editor.formatOnType" : verdadero

Usar extensión ...

Habilita el formateo automático del código cuando guarda un archivo.

Inicie Visual Studio Code y Quick Open ( Ctrl+ P), pegue el siguiente comando y presione Enter.

ext instalar formato al guardar

https://marketplace.visualstudio.com/items?itemName=gyuha.format-on-save

Código de Visual Studio en Linux:

Ctrl+ [para eliminar la sangría del bloque de código y

Ctrl+ ]hacer una hendidura masiva