wake-up-neo.com

Wie kann ich Codeabschnitte in Visual Studio Code für Windows reduzieren?

Wie kann ich Codeabschnitte in Visual Studio-Code falten oder reduzieren?

Wird diese Funktion unterstützt?

465
Nick

Folding wurde eingeführt und ist jetzt implementiert seit Visual Studio Code Version 0.10.11 . Es sind folgende Tastaturkürzel verfügbar:

  • Fold faltet den innersten nicht zusammengefalteten Bereich am Cursor:

    • Ctrl + Shift + [ unter Windows und Linux
    •  +  + [ auf macOS
  • Aufklappen Klappt den reduzierten Bereich am Cursor auf:

    • Ctrl + Shift + ] unter Windows und Linux
    •  +  + ] auf macOS
  • Alle falten faltet alle Regionen im Editor:

    • Ctrl + KCtrl +  (Null) unter Windows und Linux
    •  + K +  (null) unter macOS
  • Alle aufklappen Klappt alle Regionen im Editor auf:

    • Ctrl + KCtrl + J unter Windows und Linux
    •  + K + J auf macOS
963
Brocco

Ab Visual Studio Code Version 1.12.0, April 2017, siehe Abschnitt Grundlegende Bearbeitung> Falzen in den Dokumenten.

Die Standardschlüssel sind:

Alle falten: CTRL+KCTRL+ (Null)

Fold Level [n]: CTRL+KCTRL+[n]*

Alles entfalten: CTRL+KCTRL+J

Fold Region: CTRL+KCTRL+[

Region aufklappen: CTRL+KCTRL+]

* Fold Level: Um alle Klassen außer den äußersten zu folden, versuchen Sie es CTRL+KCTRL+1

Macs: verwenden  anstatt CTRL (danke Prajeet)

173
Michael Fulton

Diese Funktion ist jetzt in der Standardversion verfügbar. Damit die Steuerelemente zum Ein-/Ausblenden angezeigt werden, bewegen Sie sich mit der Maus über den Bereich rechts neben den Zeilennummern, wie in diesem Screenshot gezeigt:

 Enter image description here

53
BraveNewMath

Code-Faltung um regions ist mit v1.17 eingetroffen. Dokumentation nach Regionen . Und v1.19 und 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

Für jede Sprache stehen auch Ausschnitte für die Marker zur Verfügung. Geben Sie '#' ein und rufen Sie den Code-Abschluss auf, um sie anzuzeigen. Wenden Sie sich an den Anbieter der Spracherweiterung, um Regionsmarkierungen für Ihre Sprache zu konfigurieren.

v1.23 fügte CSS/SCSS/Less-Code-Faltungsregionen hinzu:

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

Die Standardverknüpfung für das Reduzieren/Erweitern ist:

<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + [ "Fold"
<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Alt</kbd> + <kbd>[</kbd> "Fold all"
<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + ] "Unfold"
<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Alt</kbd> + <kbd>[</kbd> "Unfold all"

Oder gehen Sie zu keybindings.json und ändern Sie nach Belieben.

Zum Beispiel:

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

Sie sollten Benutzereinstellungen hinzufügen:

{
    "editor.showFoldingControls": "always",
    "editor.folding": true,
    "editor.foldingStrategy": "indentation", 
}
16
Minh Tien Tran

Wenn keine der Verknüpfungen funktioniert (wie bei mir), können Sie zur Umgehung auch die Befehlspalette öffnen (Ctrl + 3 oder Ansicht -> Befehlspalette ...) und geben Sie fold all ein:

enter image description here

13
Jorn Vernee

Das Reduzieren wird jetzt in Release 1.0 unterstützt :

Abkürzungen für den Quellcode

Es gibt neue Faltungsaktionen, um Quellcodebereiche basierend auf ihrer Faltungsstufe zu reduzieren.

Es gibt Aktionen, um Level 1 zu falten (Ctrl+KCtrl+1) bis Stufe 5 (Ctrl+KCtrl+5). Verwenden Sie zum Entfalten die Option Alle entfalten (Ctrl+Shift+Alt+]).

Die Aktionen zum Falten von Ebenen gelten nicht für Bereiche, die den aktuellen Cursor enthalten.

Ich hatte ein Problem beim Finden der Taste ] auf meiner Tastatur (norwegisches Layout), und in meinem Fall war es die Taste Å. (Oder zwei Tasten links und eine nach unten, beginnend mit der Rücktaste.)

12
Stian Standahl

Ab Version 1.3.1 (17.07.2016) ist Block Collapse wesentlich praktischer.

Jede Zeile, auf die eine eingerückte Zeile folgt, wird mit einem '-' gekennzeichnet, um das Reduzieren zu ermöglichen. Wenn der Block reduziert ist, wird er durch ein '+' Zeichen ersetzt, das den reduzierten Block öffnet.

Das (Ctrl + Shift + Alt + ]) wirkt sich weiterhin auf alle Blöcke aus und schließt eine Ebene. Jeder wiederholte Gebrauch schloss ein weiteres Level. Das (Ctrl + Shift + Alt + [) funktioniert umgekehrt.

Hurra, Blockzusammenbruch funktioniert endlich sinnvoll.

3
Miguelito

Mit JavaScript:

//#region REGION_NAME
   ...code here
//#endregion
3
Rafael Grilli

Auf einem Mac ist es die RHS-Befehlstaste, K, nicht die linke Seite für die Code-Faltungsbefehle.

Andernfalls löscht die linke Befehlstaste die aktuelle Zeile. K.

2
ReaddyEddy

strg + K + 0: Alle Ebenen (Namespace, Klasse, Methode, Block) falten

strg + K + 1: Namensraum

strg + K + 2: Klasse

strg + K + 3: Methoden

strg + K + 4: Blöcke

strg + K + [oder]: aktueller Cursorblock

strg + K + J: UnFold

2
mammadkoma

Code folding controls inside the editor to expand nodes of XML-structured documents and source code in VsCode

Keine technischen Tipps hier, nur einfache Anpassungen der Einstellungen von VsCode.

Ich habe es geschafft, die Steuerelemente für das Falzen von Code immer in VsCode anzuzeigen, indem ich in den Einstellungen nach "Falzen" gesucht habe. Wählen Sie jetzt einfach, um diese Steuerelemente immer anzuzeigen. Dies funktioniert mit dem TypeScript-Code und HTML von Vorlagen in der Angular 8-Lösung, mit der ich es getestet habe.

Dies wurde mit VsCode Insiders 1.37.0 unter Windows 10 getestet.

Show code folding controls always in VsCode

1
Tore Aurstad

VSCode-Erweiterung: Fold Level , eine Schlüsselfalte auf die gewünschte Ebene.

 enter image description here

0
vikyd

Diese Funktion wird nun seit Visual Studio Code 1.17 unterstützt. Um Ihren Codeblock zu falten oder zu reduzieren, fügen Sie einfach die Regions-Tags hinzu, beispielsweise //#region my block name und //#endregion, wenn Sie in TypeScript/JavaScript codieren. 

Beispiel:

Region Folding

0
Murilo Perrone

Ich wünschte, Visual Studio Code könnte damit umgehen:

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

Momentan ignoriert Visual Studio Code es einfach und wird es nicht reduzieren Inzwischen verarbeiten Notepad ++ und PowerGUI dies problemlos.

Update: Ich habe gerade ein Update für Visual Studio Code festgestellt. Dies wird jetzt unterstützt!

0
Mr. Annoyed

Im Windows Build ist die Verknüpfung auf gesetzt Alt + 

0
SuperSandro2000