¿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: F1o Ctrl+ 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. Elegir texto
  2. Paleta de comandos -> Unir líneas

' Muestra las fotos '

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí

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ú ArchivoPreferenciasConfiguració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 TypeScript. Revisa mi actualización.

Puede agregar una combinación de teclas en el menú ArchivoPreferenciasAtajos 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ú:
    • Windows: Alt+ Shift+F
    • Linux: Alt+ Shift+I
    • macOS: + +F

Ingrese la descripción de la imagen aquí

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:


You can add a keybinding in "Preferences->Keyboard shortcuts"

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

Or Visual Studio like:

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


Tenga en cuenta: 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ú ArchivoPreferenciasConfiguració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 se usa js-beautifyinternamente, pero carece de la capacidad de modificar el estilo que desea usar. La extensión "embellecer" le permite agregar configuraciones.

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

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ú ArchivoPreferenciasAtajos de tecladoCommand+ K Command+ Sluego escriba Formateador y agregue su atajo.

Vea un ejemplo:

Ingrese la descripción de la imagen aquí

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.

    Ingrese la descripción de la imagen aquí

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

    Shift+ Alt+F

    Ingrese la descripción de la imagen aquí

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

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ú ArchivoPreferenciasAtajos de teclado y filtrar por palabra clave 'formato'.

El acceso directo 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.

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 admitidos (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ú ArchivoPreferenciasConfiguració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).

    Cómo se ve

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ú ArchivoPreferenciasConfiguració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 de archivos de configuración según su plataforma, el archivo de configuración de 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 vuelva a cargar 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":

Ingrese la descripción de la imagen aquí

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 la 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:

img

Este no. Utilizar esta:

Menú ArchivoPreferenciasConfiguración del espacio de trabajo , "editor.formatOnType" : verdadero

Código de Visual Studio en Linux:

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

Ctrl+ ]hacer una hendidura masiva

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 install format-on-save

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