Déplacement du panneau dans Visual Studio Code vers la droite


247

Dans Visual Studio Code, la section du panneau est en bas par défaut. Comment le déplacer vers le côté droit? Par exemple, dans l'image suivante, le panneau (Section D) est en bas, au lieu de cela, je veux qu'il se déplace vers le côté droit, c'est-à-dire dans la zone où README.md editior montré dans les groupes d'éditeurs (Section C).entrez la description de l'image ici

Crédits image: ( https://code.visualstudio.com/images/codebasics_hero.png )


La couleur de fond de la barre de défilement n'est pas solide et le résultat est ... ! [Entrez la description de l'image ici ] ( i.stack.imgur.com/pTmzS.png )
MCunha98

4
Vous devez mettre à jour cette question pour accepter la réponse de @dcastro. La réponse acceptée actuelle n'est plus valide.
jmargolisvt le

Réponses:


542

Depuis octobre 2018 (version 1.29), le bouton dans la réponse de @ mvvijesh n'existe plus.

Vous avez maintenant 2 options. Faites un clic droit sur la barre d'outils du panneau (nulle part ailleurs sur le panneau ne fonctionnera) et choisissez "déplacer le panneau vers la droite / le bas":

Ou choisissez " Affichage: Basculer la position du panneau " dans la palette de commandes.

Source: notes de mise à jour VSCode: https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu


63
Il convient également de mentionner que le clic droit doit être effectué sur la barre d'outils du panneau. (Cliquer ailleurs ne vous aidera pas.)
customcommander

11
Comme c'est ennuyeux. Des changements constants.
voir plus net

7
Je vous remercie! Cela me rendait fou. Pourquoi ont-ils retiré le bouton en 1.29.1? Il était compatible avec les outils de développement de Chrome avant et maintenant ce n'est pas le cas.
colefner

9
@colefner Pour vous rappeler que vous utilisez un produit Microsoft: ce n'est pas cassé, mais ils vont sûrement continuer et le réparer.
mkvlrn

10
@shashwat Oui, ouvrez les raccourcis clavier et recherchez workbench.action.togglePanelPosition. Vous pouvez ajouter un raccourci clavier qui le fera basculer d'avant en arrière.
Jake Bathman

126

Pour les personnes à la recherche d'une réponse (sur la façon de déplacer le panneau latéral):

Vous pouvez appuyer sur

ctrl+ ,(Ou cmd+ ,sur OSX)

et ajoutez l'option suivante à votre fichier JSON de paramètres utilisateur:

"workbench.sideBar.location": "right"

SideBar à gauche


10
OP fait référence au panneau inférieur, pas à la barre latérale gauche.
steph643

6
@ steph643 OP n'était pas clair dans sa ligne d'objet à quel panneau il faisait également référence. Bien que sa question ait bien clarifié cela, c'est l'objet que nous voyons dans les résultats de recherche Google. Cette réponse était la réponse à la question que j'avais. Trop souvent, on oublie que pour les masses à la recherche de réponses, c'est Google qui nous guide par le nez jusqu'à ce que nous trouvions quelque part que la bonne réponse ne nous a pas été refusée par un mod lourd et myope car il n'a pas correctement restez attentifs et saluez leur astuce.
hawkeyegold

@forres, est-il possible de faire flotter les panneaux et de les déplacer sur un moniteur séparé? Ceci est ma configuration habituelle lorsque vous travaillez avec le code VS à gauche, tous les panneaux à droite. Changer l'ancre (gauche / droite) de la barre latérale ne change pas la quantité d'éditeur de texte visible
Darius

3
Je suis d'accord avec @hawkeyegold - bien que la réponse ne réponde clairement pas à l' intention des PO , cela a été incroyablement utile car j'ai également googlé cette question tout en ayant exactement la même question que Forres - vouloir déplacer la barre latérale de l'établi. Merci beaucoup!
Par Lundberg

2
downvoted parce que cette réponse prête à confusion et obstrue la recherche de la bonne réponse. L'auteur a demandé comment se déplacer Panel, pas le panneau latéral. La bonne réponse appartient à Stefano:"workbench.panel.defaultLocation": "right"
Barabas

112

J'utilise Visual Studio Code v1.24.0 sur un Mac.

Par défaut, le panneau apparaîtra en bas (vous pouvez également modifier la valeur par défaut. Veuillez vous référer à la réponse de @Forres: Déplacer le panneau dans Visual Studio Code vers la droite )

Voici le bouton bascule bas / droite pour VS Code Panel:

entrez la description de l'image ici

Une fois que j'ai cliqué sur ce bouton, le panneau se déplace vers la droite.

entrez la description de l'image ici

Le reculer est cependant un peu délicat. Comme vous pouvez le voir, certains des boutons sont masqués. En effet, la largeur du panneau lorsqu'il est aligné à droite est trop petite. Nous devons développer la colonne pour voir tous les boutons.

Voici à quoi cela ressemblera lors de l'expansion:

entrez la description de l'image ici

Maintenant, si vous souhaitez déplacer le panneau vers le bas, cliquez à nouveau sur le bouton bascule haut / bas.


6
c'est tellement déroutant. le fond est juste caché et il y en a un autre qui lui ressemble. bad UX
Alex Bollbach

1
merci beaucoup pour les boutons cachés: D Cela m'a vraiment fait gagner beaucoup de temps
Ken Block

14
Vous pouvez également ouvrir la palette de commandes puis utiliserView: toggle panel position
protoEvangelion

33
L'icône ne semble plus être là pour moi. Ni quand le panneau est en bas, ni quand il est à droite. Même lorsque les panneaux ont suffisamment de largeur. Je dois faire un clic droit sur l'en-tête du panneau pour le déplacer vers la droite ou vers le bas. Ce qui craint.
oyalhi

3
@oyalhi, la bonne réponse avec le dernier code Visual Studio (version 1.32.3) semble être `View -> Appearance -> Toggle Panel Position", comme ce que @protoEvangelion mentionne.
Subhash Bhushan

35

Je ne sais pas pourquoi cela n'est pas mentionné ici, mais ce paramètre a fait le travail pour moi:

"workbench.panel.defaultLocation": "right"


OP fait référence au panneau inférieur, pas au panneau de l'établi. Le panneau du plan de travail est ce qui contient l'explorateur de fichiers, les extensions, etc. Malheureusement, ils sont tous deux appelés, ___ paneldonc il est facile de créer de la confusion.
Jason Fry

6
Je pense que celui auquel vous pensez est en fait workbench.sideBar.location. Sauf si je me suis trompé lorsque la copie de mon commentaire est correcte, de toute façon j'ai alors remarqué qu'il y avait maintenant un nouveau bouton pour le déplacer sur le côté et revenir en bas.
Stefano

2
Meilleure réponse ici. Il a déplacé mon panneau de terminal (en bas) vers la droite comme j'avais besoin. Exactement comme l'op a demandé. Merci!
Tyler Davis

Il faut d'abord fermer le terminal existant, et faire CTRL+ `pour les montrer du côté droit
Aditya Kresna Permana

10

Cliquez sur l'option de menu "Affichage" -> "Déplacer vers la barre latérale vers la droite". Une fois que la barre latérale se déplace vers la droite, l'option "Déplacer vers la barre latérale droite" devient "Déplacer vers la barre latérale gauche".

À votre santé


Cela n'existe plus
pmiranda

Cela a été déplacé vers Affichage> Apparence> Déplacer la barre latérale droite / gauche
jkmartindale

10

À partir de juin 2019, ce paramètre peut être trouvé en recherchant `` Panel '' - si vous souhaitez modifier la valeur par défaut, il existe une option pour cela, comme indiqué dans la capture d'écran:entrez la description de l'image ici


1
Les paramètres dans JSON sont "workbench.panel.defaultLocation": "right"
williamli

Précisément ce que je cherchais! Merci.
Vincent

9

J'espère que cela aidera quelqu'un.

-> ouvrir le raccourci clavier

-> recherchez "workbench.action.togglePanelPosition"

-> attribuez le raccourci souhaité

J'ai attribué le raccourci clavier "cmd +` "

{
  "key": "cmd+`",
  "command": "workbench.action.togglePanelPosition"
}

maintenant je peux basculer le terminal en appuyant sur "cmd +` "


hmm étrange pour moi sur osx, le terminal perd le focus après avoir fait ça
Daniel Lizik

7

Pour Visual Studio Code v1.31.1, vous pouvez basculer la session du panneau via le menu Affichage .

  • Accédez au menu Affichage .
  • Via l' option Apparence , cliquez surToggle Panel Position

entrez la description de l'image ici


5

VSCode 1.42 (janvier 2020) présente:

Panneau à gauche / droite

Le panneau peut maintenant être déplacé vers la gauche de l'éditeur avec le paramètre:

"workbench.panel.defaultLocation": "left"

Cela supprime la commande View: Toggle Panel Position( workbench.action.togglePanelPosition) au profit des nouvelles commandes suivantes:

  • View: Move Panel Left( workbench.action.positionPanelLeft)
  • View: Move Panel Right( workbench.action.positionPanelRight)
  • View: Move Panel To Bottom( workbench.action.positionPanelBottom)

Pour moi, j'ai dû redémarrer le VSCode pour voir les changements.
Chuan

1
@Chuan OK. Pour moi, j'attends VSCode mai 2020 1.46: github.com/microsoft/vscode-docs/blob/…
VonC

4

Vous pouvez faire de même dans l'édition d'initié, il y a une option dans le coin supérieur droit pour passer au panneau de la barre latérale https://code.visualstudio.com/insiders/

borne en bas borne en bas

borne à droite borne sur le côté droit


1
Un lien vers une solution est le bienvenu, mais assurez-vous que votre réponse est utile sans lui: ajoutez du contexte autour du lien pour que vos collègues aient une idée de ce que c'est et pourquoi il est là, puis citez la partie la plus pertinente de la page que vous '' relier à au cas où la page cible n'est pas disponible. Les réponses qui ne sont guère plus qu'un lien peuvent être supprimées.
Bugs

Il y a un bouton juste à côté de l'icône croix "x"
pulankit

2
@pulankit Merci, il a disparu parce que le volet n'était pas assez large et je ne pouvais pas le trouver avec des popouts ou quelque chose.
MrFox

2

Je ne sais pas depuis quelle version il change mais le 1.11.2 a une option dans l'onglet Affichage qui peut changer la barre de gauche à droite et vice versa


OP fait référence au panneau inférieur, pas à la barre latérale gauche.
steph643
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.