Panel in Visual Studio Code nach rechts verschieben

245

In Visual Studio Code befindet sich der Bedienfeldabschnitt standardmäßig unten. Wie bewege ich es nach rechts? In der folgenden Abbildung befindet sich beispielsweise das Bedienfeld (Abschnitt D) unten. Stattdessen soll es auf die rechte Seite verschoben werden, dh in den Bereich, in dem der Editor README.md in den Editorgruppen (Abschnitt C) angezeigt wird.Geben Sie hier die Bildbeschreibung ein

Bildnachweis: ( https://code.visualstudio.com/images/codebasics_hero.png )

user2047246
quelle
Die Hintergrundfarbe der Bildlaufleiste ist nicht durchgehend und das Ergebnis ist ... ! [Bildbeschreibung hier eingeben ] ( i.stack.imgur.com/pTmzS.png )
MCunha98
4
Sie sollten diese Frage aktualisieren, um die Antwort von @dcastro zu akzeptieren. Die aktuell akzeptierte Antwort ist nicht mehr gültig.
jmargolisvt

Antworten:

537

Ab Oktober 2018 (Version 1.29) ist die Schaltfläche in der Antwort von @ mvvijesh nicht mehr vorhanden.

Sie haben jetzt 2 Möglichkeiten. Klicken Sie mit der rechten Maustaste auf die Symbolleiste des Bedienfelds (nirgendwo sonst im Bedienfeld funktioniert dies) und wählen Sie "Bedienfeld nach rechts / unten verschieben":

Oder wählen Sie " Ansicht: Bedienfeldposition umschalten " aus der Befehlspalette.

Quelle: VSCode-Update-Hinweise: https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu

dcastro
quelle
62
Erwähnenswert ist auch, dass der Rechtsklick auf die Symbolleiste des Bedienfelds ausgeführt werden muss. (Klicken auf eine andere Stelle hilft nicht.)
Customcommander
11
Wie nervig. Ständige Veränderungen.
Siehe schärfer
7
Danke dir! Das hat mich verrückt gemacht. Warum haben sie den Knopf in 1.29.1 weggenommen? Es war vorher mit den Entwicklertools von Chrome konsistent und jetzt nicht mehr.
Colefner
9
@colefner Um Sie daran zu erinnern, dass Sie ein Microsoft-Produkt verwenden: Es ist nicht kaputt, aber sie werden es sicher beheben.
mkvlrn
10
@shashwat Ja, öffnen Sie die Tastaturkürzel und suchen Sie nach workbench.action.togglePanelPosition. Sie können eine Tastenkombination hinzufügen, mit der Sie hin und her wechseln können.
Jake Bathman
126

Für Leute, die nach einer Antwort suchen (wie man die Seitenwand bewegt):

Sie können drücken

ctrl+ ,(Oder cmd+ ,unter OSX)

und fügen Sie der JSON-Datei mit den Benutzereinstellungen die folgende Option hinzu:

"workbench.sideBar.location": "right"

SideBar auf der linken Seite

Forres
quelle
10
OP bezieht sich auf das untere Bedienfeld, nicht auf die linke Seitenleiste.
steph643
6
@ steph643 OP war in seiner Betreffzeile nicht klar, auf welches Panel er sich auch bezog. Obwohl seine Frage dies klargestellt hat, ist es die Betreffzeile, die wir in den Google-Suchergebnissen sehen. Diese Antwort war die Antwort auf die Frage, die ich hatte. Zu oft wird vergessen, dass es für die Massen, die nach Antworten suchen, Google ist, das uns an der Nase herumführt, bis wir irgendwo feststellen, dass die richtige Antwort uns von keinem hartnäckigen und kurzsichtigen Mod verweigert wurde, weil sie nicht richtig war Steh auf und grüße ihre Scharfsinnigkeit.
Hawkeyegold
@forres, ist es möglich, Panels schwebend zu machen und auf einen separaten Monitor zu verschieben? Dies ist meine übliche Einstellung, wenn ich mit VS-Code links und allen Bedienfeldern rechts arbeite. Durch Ändern des Ankers (links / rechts) der Seitenleiste wird nicht geändert, wie viel Texteditor sichtbar ist
Darius
3
Ich stimme @hawkeyegold zu - obwohl die Antwort eindeutig nicht die Absicht des OP erfüllt , war sie unglaublich hilfreich, da ich diese Frage auch gegoogelt habe, während ich genau die gleiche Frage wie Forres hatte - und die Seitenleiste der Werkbank verschieben wollte. Danke vielmals!
Per Lundberg
2
herabgestimmt, weil diese Antwort verwirrend ist und die Suche nach der richtigen Antwort verstopft. Der Autor fragte, wie man sich bewegt Panel, nicht die Seitenwand. Die richtige Antwort gehört Stefano:"workbench.panel.defaultLocation": "right"
Barabas
112

Ich verwende Visual Studio Code v1.24.0 auf einem Mac.

Standardmäßig wird das Bedienfeld unten angezeigt (Sie können auch die Standardeinstellung ändern. Weitere Informationen finden Sie in der Antwort von @Forres: Verschieben des Bedienfelds in Visual Studio-Code nach rechts ).

Hier ist die untere / rechte Umschalttaste für VS Code Panel:

Geben Sie hier die Bildbeschreibung ein

Sobald ich auf diese Schaltfläche klicke, bewegt sich das Bedienfeld nach rechts.

Geben Sie hier die Bildbeschreibung ein

Das Zurückschieben ist allerdings etwas schwierig. Wie Sie sehen können, sind einige der Schaltflächen ausgeblendet. Dies liegt daran, dass die Breite des Bedienfelds bei richtiger Ausrichtung zu klein ist. Wir müssen die Spalte erweitern, um alle Schaltflächen zu sehen.

So wird es bei der Erweiterung aussehen:

Geben Sie hier die Bildbeschreibung ein

Wenn Sie nun das Bedienfeld wieder nach unten verschieben möchten, klicken Sie erneut auf die Schaltfläche zum Umschalten zwischen unten und oben.

mvvijesh
quelle
6
das ist so verwirrend. Der Boden ist nur versteckt und es gibt einen anderen, der genauso aussieht. schlechte UX
Alex Bollbach
1
Vielen Dank für versteckte Knöpfe: D Es hat mir wirklich viel Zeit gespart
Ken Block
14
Sie können auch dann Befehlspalette öffnen und verwendenView: toggle panel position
protoEvangelion
33
Das Symbol scheint nicht mehr für mich da zu sein. Weder wenn sich das Panel unten noch rechts befindet. Auch wenn die Paneele ausreichend breit sind. Ich muss mit der rechten Maustaste auf die Bedienfeldüberschrift klicken, damit sie sich nach rechts oder unten bewegt. Welches saugt.
Oyalhi
3
@oyalhi, die richtige Antwort mit dem neuesten Visual Studio-Code (Version 1.32.3) scheint "Ansicht -> Darstellung -> Panel-Position umschalten" zu sein, wie @protoEvangelion erwähnt.
Subhash Bhushan
35

Ich bin mir nicht sicher, warum dies hier nicht erwähnt wird, aber diese Einstellung hat den Job für mich erledigt:

"workbench.panel.defaultLocation": "right"

Stefano
quelle
OP bezieht sich auf das untere Bedienfeld, nicht auf das Workbench-Bedienfeld. Das Workbench-Bedienfeld enthält den Datei-Explorer, Erweiterungen usw. Leider werden beide aufgerufen, ___ panelsodass Verwirrung leicht auftreten kann.
Jason Fry
6
Ich denke, dass derjenige, an den Sie denken, tatsächlich ist workbench.sideBar.location. Sofern ich beim Kopieren meines Kommentars nichts falsch gemacht habe, habe ich trotzdem bemerkt, dass es jetzt eine neue Schaltfläche gibt, mit der ich ihn zur Seite und zurück nach unten verschieben kann.
Stefano
2
Beste Antwort hier. Es bewegte mein Terminal (unten) nach rechts, genau wie ich es brauchte. Genau so, wie es die Operation verlangt hat. Vielen Dank!
Tyler Davis
Es ist erforderlich, zuerst das vorhandene Terminal zu schließen und CTRL+ `zu tun , um sie auf der rechten Seite
anzuzeigen
10

Klicken Sie auf die Menüoption "Ansicht" -> "Zur rechten Seitenleiste verschieben". Sobald sich die Seitenleiste nach rechts bewegt, ändert sich die Option "Zur Seitenleiste nach rechts verschieben" in "Zur Seitenleiste nach links verschieben".

Prost


quelle
Dies existiert nicht mehr
Pmiranda
Dies wurde zu Ansicht> Darstellung>
Seitenleiste nach
10

Ab Juni 2019 kann diese Einstellung über die Suche in 'Panel' gefunden werden. Wenn Sie die Standardeinstellung ändern möchten, gibt es eine Option dafür, wie im Screenshot gezeigt:Geben Sie hier die Bildbeschreibung ein

NickersF
quelle
1
Die Einstellungen in JSON sind "workbench.panel.defaultLocation": "right"
williamli
Genau das, wonach ich gesucht habe! Vielen Dank.
Vincent
9

Hoffe das wird jemandem helfen.

-> Öffnen Sie die Tastenkombination

-> Suche nach "workbench.action.togglePanelPosition"

-> weisen Sie die gewünschte Verknüpfung zu

Ich habe die Tastenkombination "cmd +` "zugewiesen.

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

Jetzt kann ich das Terminal durch Drücken von "cmd +` "umschalten.

sh6210
quelle
hmm seltsam für mich auf osx, terminal verliert den fokus nachdem ich das mache
Daniel Lizik
7

Für Visual Studio Code v1.31.1 können Sie die Panel-Sitzung über das Menü Ansicht umschalten .

  • Gehen Sie zum Menü Ansicht .
  • Klicken Sie über die Option Darstellung aufToggle Panel Position

Geben Sie hier die Bildbeschreibung ein

Mel Michael
quelle
4

Sie können dasselbe in der Insider-Edition tun. In der rechten oberen Ecke gibt es eine Option, um zum Bedienfeld zur Seitenleiste zu wechseln. Https://code.visualstudio.com/insiders/

Terminal an der Unterseite Terminal in der Unterseite

Terminal auf der rechten Seite Terminal auf der rechten Seite

Pulankit
quelle
1
Ein Link zu einer Lösung ist willkommen, aber stellen Sie sicher, dass Ihre Antwort ohne sie nützlich ist: Fügen Sie dem Link einen Kontext hinzu, damit Ihre Mitbenutzer eine Vorstellung davon haben, was es ist und warum es dort ist, und zitieren Sie dann den relevantesten Teil der Seite, die Sie verwenden. erneutes Verknüpfen mit, falls die Zielseite nicht verfügbar ist. Antworten, die kaum mehr als ein Link sind, können gelöscht werden.
Bugs
Es gibt einen Knopf direkt neben dem Kreuz "x" Symbol
Pulankit
2
@pulankit Danke, es ist verschwunden, weil das Fenster nicht breit genug war und ich es nicht mit Popouts oder so finden konnte.
MrFox
4

VSCode 1.42 (Januar 2020) stellt vor:

Panel links / rechts

Das Bedienfeld kann jetzt mit der Einstellung auf die linke Seite des Editors verschoben werden:

"workbench.panel.defaultLocation": "left"

Dadurch wird der Befehl View: Toggle Panel Position( workbench.action.togglePanelPosition) zugunsten der folgenden neuen Befehle entfernt:

  • View: Move Panel Left( workbench.action.positionPanelLeft)
  • View: Move Panel Right( workbench.action.positionPanelRight)
  • View: Move Panel To Bottom( workbench.action.positionPanelBottom)
VonC
quelle
Für mich musste ich den VSCode neu starten, um Änderungen zu sehen.
Chuan
1
@Chuan OK. Ich warte auf VSCode Mai 2020 1.46: github.com/microsoft/vscode-docs/blob/…
VonC
2

Ich weiß nicht, seit welcher Version es sich ändert, aber 1.11.2 hat eine Option auf der Registerkarte Ansicht, mit der die linke Leiste nach rechts und umgekehrt geändert werden kann

Nickos
quelle
OP bezieht sich auf das untere Bedienfeld, nicht auf die linke Seitenleiste.
steph643