397 votes

Comment déplacer le panneau de Visual Studio Code sur le côté droit ?

Il est en bas par défaut.

Par exemple, dans l'image suivante, le panneau (section D) est en bas, mais je veux qu'il soit déplacé vers la droite, c'est-à-dire dans la zone où l'éditeur README.md est affiché dans les groupes d'éditeurs (section C). enter image description here

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

0 votes

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

4 votes

Vous devriez mettre à jour cette question pour accepter la réponse de @dcastro. La réponse actuellement acceptée n'est plus valable.

0 votes

Voir aussi stackoverflow.com/a/69329503/836330 pour créer un autre panneau, comme la barre latérale, mais à l'opposé de votre barre latérale actuelle - et séparé du panneau.

843voto

dcastro Points 17978

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

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

Ou choisissez " Vue : Basculer la position du panneau "dans la palette de commande.

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

85 votes

Il convient également de mentionner que le clic droit doit être effectué sur la barre d'outils du panneau. (Cliquer n'importe où ailleurs ne sera d'aucune utilité).

14 votes

Comme c'est ennuyeux. Des changements constants.

7 votes

Merci ! Ça me rendait dingue. Pourquoi ont-ils supprimé le bouton dans la version 1.29.1 ? Il était cohérent avec les outils de développement de Chrome avant et maintenant il ne l'est plus.

147voto

Forres Points 1230

Pour les personnes qui cherchent 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 d'utilisateur :

"workbench.sideBar.location": "right"

SideBar on the left

16 votes

OP fait référence au panneau inférieur, et non à la barre latérale gauche.

7 votes

@steph643 L'OP n'a pas précisé dans son sujet à quel panneau il se référait. Bien que sa question l'ait bien précisé, c'est la ligne d'objet que nous voyons dans les résultats de recherche de Google. Cette réponse était la réponse à la question que je me posais. On oublie trop souvent que pour les masses qui cherchent des réponses, c'est Google qui nous mène par le bout du nez jusqu'à ce que nous trouvions un endroit où la bonne réponse ne nous a pas été refusée par un mod lourd et myope parce qu'il ne s'est pas mis au garde-à-vous pour saluer son intelligence.

0 votes

@forres, est-il possible de rendre les panneaux flottants et de les déplacer sur un moniteur séparé ? C'est ma configuration habituelle lorsque je travaille avec VS - le code à gauche, tous les panneaux à droite. Changer l'ancrage (gauche / droite) de la barre latérale ne change pas la visibilité de l'éditeur de texte.

112voto

mvvijesh Points 1160

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

Par défaut, le panneau s'affiche en bas (vous pouvez également modifier la valeur par défaut). Veuillez consulter la réponse de @Forres : Déplacement du panneau dans Visual Studio Code vers le côté droit )

Voici le bouton basculant en bas/à droite pour le VS Code Panel :

enter image description here

Lorsque je clique sur ce bouton, le panneau se déplace vers la droite.

enter image description here

Le remettre en place est cependant un peu délicat. Comme vous pouvez le voir, certains des boutons sont cachés. Cela est dû au fait que la largeur du panneau lorsqu'il est aligné à droite est trop petite. Nous devons élargir la colonne pour voir tous les boutons.

C'est à ça que ça ressemblera lors de l'expansion :

enter image description here

Maintenant, si vous voulez remettre le panneau en bas, cliquez à nouveau sur le bouton basculer bas/ haut.

6 votes

C'est tellement déroutant. Le bas est juste caché et il y en a un autre qui lui ressemble. Mauvaise ergonomie.

1 votes

Merci beaucoup pour les boutons cachés :D Cela m'a fait gagner beaucoup de temps.

0 votes

Réponse de Forres déplace le sidebar pas le panel . La bonne façon de modifier l'emplacement par défaut du panneau est la suivante La réponse de Stefano

57voto

Stefano Points 388

Cliquez sur l'option de menu View > Appearance > Move Side Bar Right ou dans settings.json :

"workbench.panel.defaultLocation": "right"

0 votes

Le PO fait référence au panneau inférieur, pas au panneau de l'établi. Le panneau de l'établi est celui qui contient l'explorateur de fichiers, les extensions, etc. Malheureusement, ils sont tous deux appelés ___ panel donc il est facile de faire des confusions.

6 votes

Je pense que celle à laquelle vous pensez est en fait workbench.sideBar.location . A moins que j'aie fait une erreur en copiant mon commentaire, j'ai remarqué qu'il y a maintenant un nouveau bouton pour le déplacer sur le côté et le ramener en bas.

2 votes

La meilleure réponse ici. Il a déplacé mon panneau terminal (inférieur) vers la droite, comme je le souhaitais. Exactement comme l'op l'a demandé. Merci !

31voto

Cliquez sur l'option de menu View > Appearance > Move to Side Bar Right . Lorsque la barre latérale se déplace vers la droite, l'option "Déplacer la barre latérale vers la droite" devient "Déplacer la barre latérale vers la gauche".

0 votes

Cela n'existe plus

3 votes

Ceci a été déplacé dans Affichage > Apparence > Déplacer la barre latérale vers la droite/gauche.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X