Przeniesienie panelu w programie Visual Studio Code na prawą stronę

246

W Visual Studio Code sekcja panelu jest domyślnie na dole. Jak przenieść go na prawą stronę? Na przykład na poniższym obrazku panel (sekcja D) znajduje się na dole, zamiast tego chcę, aby przesunął się na prawą stronę, tj. W obszarze, w którym edytor README.md jest wyświetlany w grupach edytorów (sekcja C).wprowadź opis zdjęcia tutaj

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

użytkownik2047246
źródło
Kolor tła paska przewijania nie jest jednolity, a wynikiem jest ... ! [Wprowadź opis obrazu tutaj ] ( i.stack.imgur.com/pTmzS.png )
MCunha98
4
Powinieneś zaktualizować to pytanie, aby zaakceptować odpowiedź @dcastro. Obecna zaakceptowana odpowiedź jest już nieaktualna.
jmargolisvt

Odpowiedzi:

539

Od października 2018 r. (Wersja 1.29) przycisk w odpowiedzi @ mvvijesh już nie istnieje.

Masz teraz 2 opcje. Kliknij prawym przyciskiem myszy pasek narzędzi panelu (nigdzie indziej na panelu nie będzie działać) i wybierz „Przenieś panel w prawo / dół”:

Lub wybierz „ Widok: Przełącz pozycję panelu ” z palety poleceń.

Źródło: Uwagi dotyczące aktualizacji VSCode: https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu

dcastro
źródło
62
Warto również wspomnieć, że należy kliknąć prawym przyciskiem myszy na pasku narzędzi panelu. (Kliknięcie nigdzie indziej nie pomoże.)
customcommander
11
Jak denerwujące. Stałe zmiany.
patrz ostrzejszy
7
Dziękuję Ci! To doprowadzało mnie do szału. Dlaczego zabrali przycisk w 1.29.1? Wcześniej było to zgodne z narzędziami programistycznymi Chrome, a teraz już nie.
colefner
9
@colefner Aby przypomnieć, że używasz produktu Microsoft: nie jest zepsuty, ale na pewno, jak do cholery, pójdzie naprzód i go naprawi.
mkvlrn
10
@shashwat Tak, otwórz Skróty klawiaturowe i wyszukaj workbench.action.togglePanelPosition. Możesz dodać skrót klawiaturowy, który będzie przełączać go w przód iw tył.
Jake Bathman
126

Dla osób szukających odpowiedzi (jak przesunąć panel boczny):

Możesz nacisnąć

ctrl+ ,(Lub cmd+ ,w OSX)

i dodaj następującą opcję do pliku JSON ustawień użytkownika:

"workbench.sideBar.location": "right"

Pasek boczny po lewej stronie

Forres
źródło
10
OP odnosi się do dolnego panelu, a nie lewego paska bocznego.
steph643
6
@ steph643 OP w swoim temacie nie był jasny, do którego panelu też się odnosił. Chociaż jego pytanie jasno to wyjaśniło, jest to temat, który widzimy w wynikach wyszukiwania Google. Ta odpowiedź była odpowiedzią na moje pytanie. Zbyt często zapominamy, że dla mas szukających odpowiedzi to Google prowadzi nas za nos, dopóki nie znajdziemy gdzieś, że poprawna odpowiedź nie została nam odmówiona przez jakiegoś ciężko trzymającego rękę i krótkowzrocznego mod, ponieważ nie działał poprawnie stańcie na baczność i pozdrówcie ich inteligencję.
hawkeyegold
@forres, czy można sprawić, że panele będą się unosić i przenieść je na osobny monitor? Jest to moja zwykła konfiguracja podczas pracy z kodem VS po lewej stronie, wszystkie panele po prawej stronie. Zmiana kotwicy (w lewo / w prawo) paska bocznego nie zmienia widoczności edytora tekstu
Dariusz
3
Zgadzam się z @hawkeyegold - chociaż odpowiedź wyraźnie nie odpowiada intencjom PO , była niezwykle pomocna, ponieważ googolowałem to pytanie, mając dokładnie takie samo pytanie jak Forres - chcąc przesunąć pasek boczny stołu roboczego. Wielkie dzięki!
Per Lundberg,
2
odrzucone, ponieważ ta odpowiedź jest myląca i zatyka się w poszukiwaniu poprawnej odpowiedzi. Autor zapytał, jak się poruszać Panel, a nie panel boczny. Prawidłowa odpowiedź należy do Stefano:"workbench.panel.defaultLocation": "right"
Barabas
112

Używam Visual Studio Code v1.24.0 na komputerze Mac.

Domyślnie panel pojawi się na dole (możesz również zmienić domyślny. Zobacz odpowiedź @Forres: Przenoszenie panelu w Visual Studio Code na prawą stronę )

Oto dolny / prawy przycisk przełączania panelu kodu VS:

wprowadź opis zdjęcia tutaj

Po kliknięciu tego przycisku panel przesuwa się w prawo.

wprowadź opis zdjęcia tutaj

Cofnięcie go jest jednak trochę trudne. Jak widać, niektóre przyciski są ukryte. Jest tak, ponieważ szerokość panelu, gdy jest wyrównany do prawej, jest zbyt mała. Musimy rozwinąć kolumnę, aby zobaczyć wszystkie przyciski.

Tak to będzie wyglądało po rozszerzeniu:

wprowadź opis zdjęcia tutaj

Teraz, jeśli chcesz przenieść panel z powrotem na dół, ponownie kliknij przycisk przełączania dolny / górny.

mvvijesh
źródło
6
to takie mylące. dno jest po prostu ukryte i jest inny, który wygląda tak samo. zły UX
Alex Bollbach
1
dziękuję bardzo za ukryte przyciski: D Naprawdę bardzo zaoszczędziłem mój czas
Ken Block
14
Możesz także otworzyć, a następnie paletę poleceń i użyćView: toggle panel position
protoEvangelion
33
Ikona wydaje się już dla mnie nie być. Ani gdy panel znajduje się na dole, ani gdy jest po prawej stronie. Nawet gdy panele mają wystarczającą szerokość. Muszę kliknąć nagłówek panelu prawym przyciskiem myszy, aby przesunąć go w prawo lub w dół. Które jest do bani.
oyalhi
3
@oyalhi, poprawna odpowiedź z najnowszym kodem Visual Studio Code (wersja 1.32.3) wydaje się brzmieć „Widok -> Wygląd -> Przełącz pozycję panelu”, tak jak wspomina @protoEvangelion.
Subhash Bhushan
35

Nie jestem pewien, dlaczego nie wymieniono tego tutaj, ale to ustawienie spełniło moje zadanie:

"workbench.panel.defaultLocation": "right"

Stefano
źródło
OP odnosi się do dolnego panelu, a nie panelu stołu roboczego. Panel środowiska roboczego zawiera eksplorator plików, rozszerzenia itp. Niestety oba są nazywane, ___ panelwięc łatwo jest się pomylić.
Jason Fry,
6
Myślę, że ten, o którym myślisz, jest w rzeczywistości workbench.sideBar.location. O ile nie pomyliłem się, gdy kopiowanie mojego komentarza jest prawidłowe, to i tak zauważyłem, że teraz jest nowy przycisk, aby przesunąć go na bok i z powrotem na dół.
Stefano,
2
Najlepsza odpowiedź tutaj. Przesunął mój terminal (dolny) panel w prawo, tak jak potrzebowałem. Dokładnie tak, jak zażądał op. Dzięki!
Tyler Davis,
Wymaga to najpierw zamknięcia istniejącego terminalu i wykonania CTRL+ `, aby pokazać je po prawej stronie
Aditya Kresna Permana
10

Kliknij opcję menu „Widok” -> „Przenieś na pasek boczny w prawo”. Gdy pasek boczny przesunie się w prawo, opcja „Przenieś na pasek boczny w prawo” zmienia się na „Przenieś na pasek boczny w lewo”.

Twoje zdrowie


źródło
To już nie istnieje
pmiranda
To zostało przeniesione do Widok> Wygląd> Przenieś pasek boczny w prawo / w lewo
jkmartindale
10

Od czerwca 2019 r. To ustawienie można znaleźć, przeszukując „Panel” - jeśli chcesz zmienić ustawienie domyślne, dostępna jest opcja pokazana na zrzucie ekranu:wprowadź opis zdjęcia tutaj

NickersF
źródło
1
Ustawienia w JSON to „workbench.panel.defaultLocation”: „w prawo”
williamli
Właśnie tego szukałem! Dzięki.
Vincent
9

Mam nadzieję, że to komuś pomoże.

-> otwórz na skrót klawiaturowy

-> wyszukaj „workbench.action.togglePanelPosition”

-> przypisz żądany skrót

Przypisałem przypisanie klawiszy „cmd + '”

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

teraz mogę przełączać terminal naciskając "cmd +` "

sh6210
źródło
hmm dziwne dla mnie na osx, terminal traci koncentrację po tym, co robię
Daniel Lizik
7

W przypadku Visual Studio Code v1.31.1 możesz przełączać sesję panelu za pomocą menu Widok .

  • Idź do widoku menu .
  • W opcji Wygląd kliknijToggle Panel Position

wprowadź opis zdjęcia tutaj

Mel Michael
źródło
4

Możesz zrobić to samo w edycji insider, w prawym górnym rogu znajduje się opcja przejścia do panelu na pasek boczny https://code.visualstudio.com/insiders/

terminal na dole terminal w dolnej części

terminal po prawej stronie terminal po prawej stronie

pulankit
źródło
1
Link do rozwiązania jest mile widziany, ale upewnij się, że Twoja odpowiedź jest przydatna bez niego: dodaj kontekst wokół linku, aby inni użytkownicy mieli pojęcie, co to jest i dlaczego tam jest, a następnie zacytuj najbardziej odpowiednią część strony, którą „ ponowne linkowanie na wypadek, gdyby strona docelowa była niedostępna. Odpowiedzi, które są niewiele więcej niż link, mogą zostać usunięte.
Błędy
Obok ikony krzyżyka „x” znajduje się przycisk
pulankit
2
@pulankit Dzięki, zniknęło, ponieważ okienko nie było wystarczająco szerokie i nie mogłem go znaleźć z popoutami czy coś takiego.
MrFox,
4

VSCode 1.42 (styczeń 2020) wprowadza:

Panel po lewej / prawej stronie

Panel można teraz przenieść do lewej strony edytora za pomocą ustawienia:

"workbench.panel.defaultLocation": "left"

Spowoduje to usunięcie polecenia View: Toggle Panel Position( workbench.action.togglePanelPosition) na rzecz następujących nowych poleceń:

  • View: Move Panel Left( workbench.action.positionPanelLeft)
  • View: Move Panel Right( workbench.action.positionPanelRight)
  • View: Move Panel To Bottom( workbench.action.positionPanelBottom)
VonC
źródło
Dla mnie musiałem zrestartować VSCode, aby zobaczyć zmiany.
Chuan
1
@Chuan OK. Na mnie czekam na VSCode Maj 2020 1.46: github.com/microsoft/vscode-docs/blob/…
VonC
2

Nie wiem od której wersji się zmienia, ale 1.11.2 ma opcję w zakładce Widok, która może zmienić lewy pasek w prawo i odwrotnie

Nickos
źródło
OP odnosi się do dolnego panelu, a nie lewego paska bocznego.
steph643