Comment mettre en retrait / mettre en forme une sélection de code dans Visual Studio Code avec Ctrl + Maj + F


110

Je souhaite mettre en retrait une section spécifique de code dans Visual Studio Code.

J'ai lu Comment formater le code dans Visual Studio Code? cela donne des raccourcis pour indenter tout le code, mais cela ne fonctionne pas lors de la sélection d'une section spécifique de code.

J'ai essayé Ctrl+ Shift+ Faprès avoir sélectionné une ligne dans mon code, mais le fichier entier est en retrait. Je suis sous Windows avec Visual Studio Code Insider 1.8.0. Comment puis-je le faire?

Réponses:


178

Je souhaite mettre en retrait une section spécifique de code dans Visual Studio Code:

  • Sélectionnez les lignes que vous souhaitez mettre en retrait et
  • utilisez Ctrl+ ]pour les indenter.

Si vous souhaitez mettre en forme une section (au lieu de la mettre en retrait):

  • Sélectionnez les lignes que vous souhaitez formater,
  • utilisez Ctrl+ K, Ctrl+ Fpour les formater.

7
Shift + Alt + F peut également être utilisé pour le formatage (plate-forme Windows)
SridharKritha

2
Et OSX?
GreenAsJade

3
@GreenAsJade Sur MacOS, Cmd+ ](indentation) et Cmd+ [(désindentation) fonctionne pour moi.
Alex Johnson

2
@AlexJohnson désolé, je demandais à propos des lignes sélectionnées au format OSX .
GreenAsJade

1
@GreenAsJade sur MacOS, le format des lignes sélectionnées est Cmd+ K Cmd+ F
Bogatyr

123
  • vous pouvez également indenter une section entière en la sélectionnant et en cliquant TAB
  • et aussi indenter en arrière en utilisant Shift+TAB

Et bien sûr, pour l'indentation et le formatage automatiques, en suivant la langue que vous utilisez, vous pouvez voir quelles bonnes extensions font le bon travail, et quels formateurs installer ou quels paramètres de paramètres activer ou définir pour chaque langue et ses outils disponibles. Assurez-vous simplement de bien lire la documentation de l'extension, pour installer et définir tout ce dont elle a besoin.

Jusqu'à présent, le problème d'indentation me dérange avec Python lors du copier-coller d'un bloc de code. Si tel est le cas, voici comment résoudre ce problème: Indentation Visual Studio Code pour Python


4
cela ne fonctionne pas dans VS Code pour moi, appuyer sur l'onglet tout en sélectionnant le texte ajoute simplement un onglet où se trouve mon curseur
Abe Fehr

1
Je pense que vous n'avez sélectionné qu'une partie du texte d'une ligne. Pour que cela fonctionne, vous avez trop de cas: vous avez sélectionné des multi-lignes et dans un tel cas, peu importe combien vous avez sélectionné, cela fonctionnera. L'autre cas est de sélectionner la ligne entière où cela fonctionnera également. Si vous ne sélectionnez qu'une partie d'une ligne, le comportement est qu'un onglet sera inséré à la place du texte sélectionné. J'ai testé cela dans les systèmes Windows et Linux. Confirmez si c'est la même chose avec vous, ou s'il y a un problème avec votre configuration.
Mohamed Allal

9

Sous OS X, choisissez "Format du document" et sélectionnez toutes les lignes dont vous avez besoin pour formater.

Puis Option+ Shift+ F.


C'est la bonne réponse. Je ne comprends pas pourquoi il y a plus de 50 votes positifs pour quelque chose qui ne répond pas à la question. Peut-être des bots ????
Wildhammer

3
Cela semble faire tout le fichier, pas la sélection :(
GreenAsJade

Cela fonctionne correctement. J'ai un macbook air 2019, le clavier est différent de mon ancien (j'avais l'habitude de CMD + [ou]). J'ai cherché ce raccourci pour le nouveau clavier. Et c'est exactement ce que je cherchais. Cela fonctionne également pour une sélection. Thks.
LuizEduardoMPF

3

(Cela fonctionne au moins jusqu'à la version 1.45.0, 7 mai 2020)


Sur macOS Visual Studio Code version 1.36.1 (2019)

Visual Studio Code version 1.36.1 (2019)

Pour formater automatiquement la sélection, utilisez ⌘K ⌘F (l'astuce est que cela doit être fait dans l'ordre, ⌘K d'abord, suivi de ⌘F).

Sélection de format automatique ou document

Pour simplement mettre en retrait (décalage à droite) sans mise en forme automatique, utilisez ⌘]

Options de retrait

Comme dans les raccourcis clavier (⌘K ⌘S, ou à partir du menu comme indiqué ci-dessous)

Raccourcis clavier


1
Merci pour le "truc". J'étais en train de perdre la tête parce que le raccourci alt/option + ffonctionnait !!! Et soudain, il a été remplacé par le caractère `̰`. Si ennuyant!
Glenn

Heureux que cela vous ait aidé Glenn.
auspicious99

3

Cela devrait pouvoir définir les raccourcis clavier que vous souhaitez pour indent / outdent ici:

Menu FichierPréférencesRaccourcis clavier

editor.action.indentLines

editor.action.outdentLines


Merci! Je cherchais les raccourcis clavier dedent(que nous utilisons dans notre base de code), mais c'est outdent. Je vous remercie.
sming le

1

F1 → ouvrir Raccourcis clavier → rechercher «Indent Line» et changer le raccourci clavier en Tab.

Cliquez avec le bouton droit de la souris> "Changer lorsque l'expression" pour editorHasSelection && editorTextFocus && !editorReadonly

Cela vous permettra de mettre en retrait la ligne lorsqu'un élément de cette ligne est sélectionné (plusieurs lignes fonctionnent toujours).


"F1"? Voulez-vous dire menu FichierPréférences ?
Peter Mortensen le

Je voulais dire ouvrir la palette de commande. J'ai oublié son nom et je viens de me souvenir du raccourci par défaut, désolé!
nevrast le

0

Pour moi , les fenêtres , il était Ctrl+¡, ligne tiret . Il ajoute un onglet au début de chaque ligne.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.