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.

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

visual-studio-code vscode-settings 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

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"

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:

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

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:

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:

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

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

Panel in Visual Studio Code nach rechts verschieben

Antworten:

Panel links / rechts