¿Cómo contrajo secciones de código en Visual Studio Code para Windows?

¿Cómo doblo o contraigo secciones de código en Visual Studio Code?

¿Esta función es compatible?

El plegado se ha implementado y ahora se implementa desde la versión 0.10.11 de Visual Studio Code . Hay estos atajos de teclado disponibles:

• Doblar pliega la región no contraída más interna en el cursor:

  • Ctrl+ Shift+ [en Windows y Linux
  • ⌥+ ⌘+ [en macOS

• Desplegar despliega la región colapsada en el cursor:

  • Ctrl+ Shift+ ]en Windows y Linux
  • ⌥+ ⌘+ ]en macOS

• Doblar todo pliega todas las regiones en el editor:

  • Ctrl+ ( K=> 0) (cero) en Windows y Linux
  • ⌘+ ( K=> 0) (cero) en macOS

• Desplegar todo despliega todas las regiones en el editor:

  • Ctrl+ ( K=> J) en Windows y Linux
  • ⌘+ ( K=> J) en macOS

Referencias: https://code.visualstudio.com/docs/getstarted/keybindings

A partir de la versión 1.12.0 de Visual Studio Code, abril de 2017, consulte la sección Edición básica> Plegado en los documentos.

Las claves predeterminadas son:

Doblar todo: CTRL+ K, CTRL+ 0(cero)

Nivel de plegado [n]: CTRL+ K, CTRL+ [n]*

Desplegar todo: CTRL+ K, CTRL+J

Región de plegado: CTRL+ K, CTRL+[

Desplegar región: CTRL+ K, CTRL+]

* Nivel de plegado: para plegar todas las clases menos las más externas, prueba CTRL+ K, CTRL+1

Macs: usar en ⌘lugar de CTRL(gracias Prajeet)

El plegado de código por regiones llegó con la v1.17. Documentación plegable por regiones . Y v1.19 y 1.23 .

[En general, se puede añadir un espacio, por ejemplo // region and // endregiona //region and //endregiony también se va a trabajar.]

TypeScript/JavaScript: //#region and //#endregion or // #region and // #endregion
C#:                    #region and #endregion
C/C++:                 #pragma region and #pragma endregion
F#:                    //#region and //#endregion
PowerShell:            #region and #endregion
Python:                #region and #endregion
VB:                    #Region and #End Region
PHP:                   #region and #endregion
Bat:                   ::#region and ::#endregion or REM #region and REM #endregion
Markdown:              <!-- #region --> and <!-- #endregion -->
Golang                 //region and //endregion or //#region and //#endregion
Java                   //#region and //#endregion
CSS/SCSS/Less:         /* #region */ and /* #endregion */ or /*#region*/ and /*#endregion*/
SCSS/Less:             // #region and // #endregion
Go:                    // region, // endregion and // #region, // #endregion
shellscript:           # region and # endregion
Perl5                  #region and #endregion or =pod and =cut`

Importante: si no ve su idioma en la lista:

Cada idioma también tiene fragmentos disponibles para los marcadores. Escriba '#' e invoque la finalización del código para verlos. Para configurar los marcadores de región para su idioma, comuníquese con el proveedor de la extensión de idioma.

Entonces escriba #y luego Ctrl+ Spacepara ver los marcadores de región para cualquier idioma.

Esta función está disponible ahora en la versión estándar. Para que aparezcan los controles de contraer / expandir, debe pasar el mouse sobre el área justo a la derecha de los números de línea como se muestra en esta captura de pantalla:

Debe agregar la configuración de usuario:

{
    "editor.showFoldingControls": "always",
    "editor.folding": true,
    "editor.foldingStrategy": "indentation", 
}

Si ninguno de los atajos funciona (como para mí), como solución alternativa, también puede abrir la paleta de comandos ( Ctrl+ 3o Ver -> Paleta de comandos ...) y escribir fold all:

El atajo predeterminado para contraer / extender es:

Ctrl+ Shift+ [: "Doblar"

Ctrl+ Shift+ Alt+ [: "Doblar todo"

Ctrl+ Shift+ ]: "Despliegue"

Ctrl+ Shift+ Alt+ ]: "Desplegar todo"

O vaya a keybindings.json y cambie como desee.

Por ejemplo:

{
    "key": "cmd+k cmd+m",
    "command": "editor.foldAll",
    "when": "editorFocus"
},
{
    "key": "cmd+m cmd+k",
    "command": "editor.unfoldAll",
    "when": "editorFocus"
},

ctrl+ k+ 0: Doblar todos los niveles (espacio de nombres, clase, método, bloque)

ctrl+ k+ 1: namspace

ctrl+ k+ 2: clase

ctrl+ k+ 3: métodos

ctrl+ k+ 4: bloques

ctrl+ k+ [o ]: bloque de cursor actual

ctrl+ k+ j: Desplegar

El colapso ahora se admite en la versión 1.0 :

Accesos directos plegables de código fuente

Hay nuevas acciones de plegado para contraer regiones de código fuente según su nivel de plegado.

Hay acciones para doblar el nivel 1 ( Ctrl+ K Ctrl+ 1) al nivel 5 ( Ctrl+ K Ctrl+ 5). Para desplegar, use Desplegar todo ( Ctrl+ Shift+ Alt+ ]).

Las acciones de plegado de nivel no se aplican a la región que contiene el cursor actual.

Tuve un problema para encontrar el ]botón en mi teclado (diseño noruego), y en mi caso fue el Åbotón. (O dos botones hacia la izquierda y uno hacia abajo comenzando desde el botón de retroceso).

Con JavaScript:

//#region REGION_NAME
   ...code here
//#endregion

No hay consejos técnicos aquí, solo simples ajustes de las preferencias de VsCode.

Me las arreglé para mostrar los controles de plegado de código siempre en VsCode yendo a Preferencias y buscando 'plegado'. Ahora solo seleccione para mostrar siempre estos controles. Esto funciona con el código Typecript y HTML de las plantillas en la solución Angular 8 con la que lo probé.

Esto se probó con VsCode Insiders 1.37.0 ejecutándose en un sistema operativo Windows 10.

A partir de la versión 1.3.1 (2016-07-17), Block Collapse es mucho más conveniente.

Cualquier línea seguida de una línea con sangría tendrá un carácter '-' para permitir el colapso. Si el bloque está colapsado, será reemplazado por un carácter '+' que abrirá el bloque colapsado.

El ( Ctrl+ Shift+ Alt+ ]) seguirá afectando a todos los bloques, cerrando un nivel. Cada uso repetido cerró un nivel más. El ( Ctrl+ Shift+ Alt+ [) funciona al revés.

Hurra, el colapso de bloques finalmente funciona de manera útil.

Esta característica ahora es compatible, desde Visual Studio Code 1.17 . Para plegar / contraer su bloque de código, simplemente agregue las etiquetas de región, como //#region my block namey //#endregionsi codifica en TypeScript / JavaScript.

Ejemplo:

La v1.42 está agregando algunos refinamientos agradables al aspecto y funcionamiento de los pliegues. Consulte https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_42.md#folded-range-highlighting :

Resaltado de rango plegado

Los rangos plegados ahora son más fáciles de descubrir gracias a un color de fondo para todos los rangos plegados.

Doblar el color de resaltado Tema: Oscuro +

La función es controlada por el editor de configuración.foldingHighlight y el color se puede personalizar con el editor de color.foldBackground.

"workbench.colorCustomizations": { "editor.foldBackground": "#355000" }

Refinamientos plegables

Shift + Clicken el indicador de plegado primero sólo se pliegan los rangos interiores. Shift + Clicknuevamente (cuando todos los rangos internos ya están doblados) también doblará el padre. Shift + Clickvuelve a desplegar todo.

Cuando se usa el comando Plegar (kb ( editor.fold))] en un rango ya plegado, se plegará el siguiente rango principal desplegado.

En una Mac, es la tecla de comando RHS ⌘K, no la izquierda para los comandos de plegado de código.

De lo contrario la tecla Comando mano izquierda se eliminará la línea actual, ⌘K.

Extensión VSCode: Nivel de plegado , un pliegue clave al nivel que desee.

Ojalá Visual Studio Code pudiera manejar:

#region Function Write-Log
Function Write-Log {
    ...
}
#endregion Function Write-Log

En este momento, Visual Studio Code simplemente lo ignora y no lo colapsará. Mientras tanto, Notepad ++ y PowerGUI manejan esto bien.

Actualización: acabo de notar una actualización para Visual Studio Code. ¡Esto ahora es compatible!

Nota: estos atajos solo funcionan como se esperaba si edita su keybindings.json

No estaba contento con los atajos predeterminados, quería que funcionaran de la siguiente manera:

• Doblar: Ctrl+ Alt+]
• Doblar recursivamente: Ctrl+ ⇧ Shift+ Alt+]
• Doblar todo: Ctrl+ kluego Ctrl+]
• Desplegar: Ctrl+ Alt+[
• Despliegue recursivamente: Ctrl+ ⇧ Shift+ Alt+[
• Despliegue todo: Ctrl+ kluego Ctrl+[

Para configurarlo:

• Abrir Preferences: Open Keyboard Shortcuts (JSON)( Ctrl+ ⇧ Shift+ p)
• Agregue el siguiente fragmento a ese archivo

  ¿Ya tiene combinaciones de teclas personalizadas para plegar / desplegar? Entonces necesitarías reemplazarlos.

    {
        "key": "ctrl+alt+]",
        "command": "editor.fold",
        "when": "editorTextFocus && foldingEnabled"
    },
    {
        "key": "ctrl+alt+[",
        "command": "editor.unfold",
        "when": "editorTextFocus && foldingEnabled"
    },
    {
        "key": "ctrl+shift+alt+]",
        "command": "editor.foldRecursively",
        "when": "editorTextFocus && foldingEnabled"
    },
    {
        "key": "ctrl+shift+alt+[",
        "command": "editor.unfoldRecursively",
        "when": "editorTextFocus && foldingEnabled"
    },
    {
        "key": "ctrl+k ctrl+[",
        "command": "editor.unfoldAll",
        "when": "editorTextFocus && foldingEnabled"
    },
    {
        "key": "ctrl+k ctrl+]",
        "command": "editor.foldAll",
        "when": "editorTextFocus && foldingEnabled"
    },

O, si desea quitar los botones plegables, para espacio adicional:

"editor.folding": false

(agregar a su settings.jsonarchivo)