tutorial - ¿Cómo colapso secciones de código en Visual Studio Code para Windows?

visual studio code c++

Question

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

¿Esta función es compatible?

Answer 1

A partir de Visual Studio Code versión 1.12.0, abril de 2017, consulte la sección Folding en los documentos.

Las claves predeterminadas son:

Plegar 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 + [

Región desplegada: CTRL + K , CTRL + ]

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

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

Answer 2

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

Cualquier línea seguida por una línea sangrada 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 de la manera opuesta.

Hurra, el colapso del bloque finalmente funciona de manera útil.

Answer 3

Con JavaScript:

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

Answer 4

Debe agregar la configuración de usuario:

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

Answer 5

Desearía que 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 muy bien.

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

Answer 6

El colapso ahora es compatible con la versión 1.0 :

Accesos directos plegables del código fuente

Hay nuevas acciones de plegado para contraer regiones de código fuente en función de 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 a la izquierda y uno hacia abajo a partir del botón de retroceso).

Answer 7

En la compilación de Windows, el acceso directo se establece en Alt + 0

Answer 8

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

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

Answer 9

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

Ejemplo:

Answer 10

Esta característica está disponible en la compilación estándar ahora. Para que aparezcan los controles de colapso / expansión, debe pasar el mouse sobre el área a la derecha de los números de línea como se muestra en esta captura de pantalla:

Answer 11

Extensión VSCode: Nivel de plegado , una tecla plegada al nivel que desee.

Answer 12

Los accesos directos predeterminados para colapsar / extender son:

Ctrl + Shift + [ : "Doblar"

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

Ctrl + Shift + ] : "Desplegar"

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

O vaya a keybindings.json y cambie como desee.

Por ejemplo:

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

Answer 13

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

Answer 14

ctrl + k + 0: Plegar 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

Answer 15

Folding se ha implementado y ahora se implementa desde Visual Studio Code versión 0.10.11 . Existen estos atajos de teclado disponibles:

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

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

• Desplegar despliega la región contraída en el cursor:

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

• Fold All dobla todas las regiones en el editor:

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

• Desplegar todo despliega todas las regiones en el editor:

  • Ctrl + K , Ctrl + J en Windows y Linux
  • ⌘ + K , ⌘ + J en macOS

Answer 16

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

Logré mostrar 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 de Typecript y HTML de 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.

Answer 17

v1.39 está agregando la capacidad de alternar el plegado con el comando editor.toggleFold .

Está vinculado de forma predeterminada a Ctrl + K Ctrl + L. Ver https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_39.md#toggle-folding .

El plegado de código por regiones ha llegado con v1.17. Plegable por regiones documentación . Y v1.19 y 1.23 .

TypeScript/JavaScript: //#region and //#endregion and //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

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 extensión de idioma.

v1.23 agregó CSS ​​/ SCSS / Menos regiones de plegado de código:

CSS/SCSS/Less:         /* #region */ and /* #endregion */ or /*#region*/ and /*#endregion*/
SCSS/Less:             // #region and // #endregion

v1.35 agregado:

Go:                   // region, // endregion and // #region, // #endregion

v.1.36 agregó shellscript, consulte [problema de github: agregar marcadores plegables shellscript]. 4 :

shellscript:          # region and # endregion