web-dev-qa-db-fra.com

Comment puis-je réduire des sections de code dans Visual Studio Code for Windows?

Comment plier ou réduire des sections de code dans Visual Studio Code?

Cette fonctionnalité est-elle prise en charge?

visual-studio-code
465
Nick

Folding a été déployé et est maintenant implémenté depuis le code Visual Studio version 0.10.11 . Il y a ces raccourcis clavier disponibles:

  • Fold plie la région non repliée la plus interne au niveau du curseur:

    • Ctrl + Shift + [ sous Windows et Linux
    • ⌥ + ⌘ + [ sur macOS

  • Unfold déplie la région réduite au niveau du curseur:

    • Ctrl + Shift + ] sous Windows et Linux
    • ⌥ + ⌘ + ] sur macOS

  • Fold All plie toutes les régions de l'éditeur:

    • Ctrl + K, Ctrl +  (zéro) sous Windows et Linux
    • ⌘ + K, ⌘ +  (zéro) sur macOS

  • Déplier tout déplie toutes les régions de l'éditeur:

    • Ctrl + K, Ctrl + J sous Windows et Linux
    • ⌘ + K, ⌘ + J sur macOS
963
Brocco

À compter de la version 1.12.0 du code Visual Studio, avril 2017, voir la section Édition de base> Pliage dans la documentation.

Les clés par défaut sont:

Tout plier: CTRL+K, CTRL+ (zéro)

Niveau de pli [n]: CTRL+K, CTRL+[n]*

Déplier tout: CTRL+K, CTRL+J

Région du pli: CTRL+K, CTRL+[

Déplier Région: CTRL+K, CTRL+]

* Niveau de pli: pour plier toutes les classes sauf les plus extérieures, essayez CTRL+K, CTRL+1

Macs: utiliser ⌘ au lieu de CTRL (merci Prajeet)

173
Michael Fulton

Cette fonctionnalité est disponible dans la version standard maintenant. Pour que les commandes Réduire/Développer apparaissent, vous devez placer la souris sur la zone située à droite des numéros de ligne, comme indiqué dans cette capture d'écran:

 Enter image description here

53
BraveNewMath

Le pliage de code par regions est arrivé avec v1.17. Pliage par régions documentation . Et v1.19 et 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

Chaque langue a également des extraits disponibles pour les marqueurs. Tapez '#' et appelez la complétion de code pour les voir. Pour que les marqueurs de région soient configurés pour votre langue, contactez le fournisseur d’extension de langue.

v1.23 ajouté CSS/SCSS/Moins régions de pliage de code:

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

Les raccourcis par défaut pour collapse/extend sont les suivants:

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

Ou allez sur keybindings.json et changez-le à votre guise.

Par exemple:

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

Vous devez ajouter des paramètres utilisateur:

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

Si aucun des raccourcis ne fonctionne (comme pour moi), vous pouvez également ouvrir la palette de commandes pour contourner le problème (Ctrl + 3 ou Voir -> Palette de commandes ...) et tapez fold all:

enter image description here

13
Jorn Vernee

La réduction est maintenant prise en charge dans version 1. :

Raccourcis de pliage de code source

De nouvelles actions de repliement permettent de réduire les régions de code source en fonction de leur niveau de repliement.

Il existe des actions pour plier le niveau 1 (Ctrl+KCtrl+1) jusqu'au niveau 5 (Ctrl+KCtrl+5). Pour déplier, utilisez Tout déplier (Ctrl+Shift+Alt+]).

Les actions de niveau ne s'appliquent pas à la région contenant le curseur actuel.

J'ai eu du mal à trouver le bouton ] sur mon clavier (en norvégien) et, dans mon cas, il s'agissait du bouton Å. (Ou deux boutons à gauche et un bouton à partir du bouton de retour arrière.)

12
Stian Standahl

Depuis la version 1.3.1 (2016-07-17), l’effondrement des blocs est beaucoup plus pratique.

Toute ligne suivie d'une ligne en retrait aura un caractère '-' pour permettre l'effondrement. Si le bloc est réduit, il sera alors remplacé par un caractère '+' qui ouvrira le bloc réduit.

Le (Ctrl + Shift + Alt + ]) affectera toujours tous les blocs en fermant un niveau. Chaque utilisation répétée ferme un niveau supplémentaire. Le (Ctrl + Shift + Alt + [) fonctionne dans le sens opposé.

Hourra, bloc effondrement fonctionne enfin utilement.

3
Miguelito

Avec JavaScript:

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

Sur un Mac, c'est la touche de commande RHS, ⌘K, pas la gauche pour les commandes de pliage de code.

Sinon, la touche de commande gauche supprimera la ligne en cours, ⌘K.

2
ReaddyEddy

ctrl + k + 0: plie tous les niveaux (espace de noms, classe, méthode, bloc)

ctrl + k + 1: espace de noms

ctrl + k + 2: classe

ctrl + k + 3: méthodes

ctrl + k + 4: blocs

ctrl + k + [ou]: bloc du curseur en cours

ctrl + k + j: UnFold

2
mammadkoma

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

Pas de conseils techniques ici, juste de simples ajustements des préférences de VsCode.

J'ai réussi à afficher les commandes de pliage du code toujours dans VsCode en allant dans Préférences et en recherchant 'pliage'. Maintenant, sélectionnez simplement pour toujours afficher ces contrôles. Cela fonctionne avec le code TypeScript et le code HTML des modèles de la solution Angular 8 avec laquelle je l'ai testé.

Cela a été testé avec VsCode Insiders 1.37.0 s'exécutant sur un système d'exploitation Windows 10.

Show code folding controls always in VsCode

1
Tore Aurstad

Extension VSCode: Niveau de pli , une touche repliée au niveau souhaité.

 enter image description here

0
vikyd

Cette fonctionnalité est désormais prise en charge depuis Visual Studio Code 1.17 . Pour plier/réduire votre bloc de code, ajoutez simplement les balises de région, telles que //#region my block name et //#endregion si vous codez en TypeScript/JavaScript. 

Exemple:

Region Folding

0
Murilo Perrone

Je souhaite que Visual Studio Code puisse gérer:

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

À l’heure actuelle, Visual Studio Code l’ignore et ne le réduira pas ..__ Pendant ce temps, Notepad ++ et PowerGUI gèrent cela parfaitement.

Mise à jour: je viens de remarquer une mise à jour pour Visual Studio Code. Ceci est maintenant supporté!

0
Mr. Annoyed

Dans la construction de Windows, le raccourci est défini sur Alt + 

0
SuperSandro2000