Как переместить панель в Visual Studio Code вправо?

По умолчанию он внизу.

Например, на следующем изображении панель (Раздел D) находится внизу, вместо этого я хочу, чтобы она переместилась на правую сторону, то есть в область, где редактор README.md отображается в группах редакторов (раздел C). введите описание изображения здесь

Кредиты на изображения: (https://code.visualstudio.com/images/codebasics_hero.png )


person 1c.    schedule 26.01.2017    source источник
comment
Задний цвет полосы прокрутки не сплошной, и результат будет ... ! [Введите здесь описание изображения] (i.stack.imgur.com/pTmzS.png)   -  person MCunha98    schedule 24.01.2018
comment
Вам следует обновить этот вопрос, чтобы принять ответ @dcastro. Текущий принятый ответ больше не действителен.   -  person jmargolisvt    schedule 22.01.2019


Ответы (16)


По состоянию на октябрь 2018 г. (версия 1.29) кнопка в ответе @mvvijesh больше не существует.

Теперь у вас есть 2 варианта. Щелкните правой кнопкой мыши на панели инструментов панели (нигде больше на панели не будет работать) и выберите «переместить панель вправо / вниз»:

Или выберите «Просмотр: Переключить положение панели» на палитре команд.

Источник: Примечания к обновлению VSCode: https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu.

person dcastro    schedule 17.11.2018
comment
Также стоит упомянуть, что правый щелчок должен выполняться на панели инструментов панели. (Щелчок в другом месте не поможет.) - person customcommander; 20.11.2018
comment
Как раздражает. Постоянные изменения. - person see sharper; 26.11.2018
comment
Спасибо! Это сводило меня с ума. Почему убрали баттон в 1.29.1? Раньше это согласовывалось с инструментами разработчика Chrome, а теперь - нет. - person colefner; 28.11.2018
comment
@colefner Чтобы напомнить вам, что вы используете продукт Microsoft: он не сломался, но они уверены, что, черт возьми, исправят его. - person mkvlrn; 28.11.2018
comment
Это самый последний ответ! - person Mjuice; 15.12.2018
comment
можем ли мы назначить сочетание клавиш для переключения положения панели? - person shashwat; 17.12.2018
comment
@shashwat Да, откройте «Горячие клавиши» и выполните поиск workbench.action.togglePanelPosition. Вы можете добавить сочетание клавиш, которое будет переключать его вперед и назад. - person Jake Bathman; 04.01.2019
comment
Спасибо! Эта кнопка для перемещения вправо у меня не выходит, хотя я в курсе! (Mac) - person Lee Moe; 17.01.2019
comment
Иногда вам нужно, чтобы люди указали на очевидное; Спасибо, dcastro! - person Kristiyan D Kovachev; 11.02.2019
comment
По состоянию на июнь 2019 года правильный способ сделать это - stackoverflow.com/a/56413015/1234260. - person williamli; 14.08.2019
comment
Команда View: Toggle Pannel Position отсутствует в версии 1.42.0. - person Hubro; 11.02.2020
comment
Используется 1.44.2 (апрель 2020 г.), и теперь команда требует указать местоположение: View: Move Panel To Bottom, View: Move Panel To Right или View: Move Panel To Left - person JP Lew; 21.04.2020
comment
как установить ширину пф правой панели? кто нибудь знает об этом? - person MichaelMao; 26.11.2020
comment
Могу я просто переместить один инструмент, скажем, «Расширения» вправо, а все остальное оставить слева? - person Wojtek Owczarczyk; 15.05.2021

Для людей, ищущих ответ (как сдвинуть боковую панель):

Вы можете нажать

ctrl + , (или cmd + , в OSX)

и добавьте следующую опцию в свой JSON-файл пользовательских настроек:

"workbench.sideBar.location": "right"

Боковая панель слева

person Forres    schedule 10.06.2017
comment
OP относится к нижней панели, а не к левой боковой панели. - person steph643; 03.08.2017
comment
@ steph643 OP не указал в теме письма, о какой панели он имел в виду. Хотя его вопрос прекрасно проясняет это, это тема, которую мы видим в результатах поиска Google. Этот ответ был ответом на мой вопрос. Слишком часто забывают, что для масс, ищущих ответы, это Google ведет нас за нос, пока мы не найдем место, где правильный ответ не был отклонен каким-то деспотичным и недальновидным модом, потому что он не был должным образом стойте по стойке смирно и приветствуйте их проницательность. - person hawkeyegold; 16.11.2017
comment
@forres, можно ли сделать панели плавающими и перенести на отдельный монитор? Это моя обычная установка при работе с VS - код слева, все панели справа. Изменение привязки (влево / вправо) боковой панели не меняет видимость текстового редактора. - person Darius; 09.01.2018
comment
Отличный брат ... бухает за это. - person John; 26.04.2018
comment
Я согласен с @hawkeyegold - хотя ответ явно не отвечает на OPs intent, это было невероятно полезно, так как я также искал этот вопрос в Google, задав тот же вопрос, что и Forres - хочет переместить боковую планку верстака. Большое спасибо! - person Per Lundberg; 04.10.2018
comment
проголосовали против, потому что этот ответ сбивает с толку и мешает поиску правильного ответа. Автор спросил, как сдвинуть Panel, а не боковую панель. Правильный ответ принадлежит Стефано: "workbench.panel.defaultLocation": "right" - person Barabas; 24.10.2019

Я использую Visual Studio Code v1.24.0 на Mac.

По умолчанию панель отображается внизу (вы также можете изменить значение по умолчанию. См. Ответ @Forres: Перемещение панели в коде Visual Studio вправо)

Вот нижняя / правая кнопка переключения для панели кода VS:

введите описание изображения здесь

Как только я нажимаю на эту кнопку, панель перемещается вправо.

введите описание изображения здесь

Однако вернуть его немного сложно. Как видите, некоторые кнопки скрыты. Это потому, что ширина панели, когда она выровнена по правому краю, слишком мала. Нам нужно развернуть столбец, чтобы увидеть все кнопки.

Вот как это будет выглядеть после расширения:

введите описание изображения здесь

Теперь, если вы хотите переместить панель обратно в нижнюю часть, снова нажмите кнопку переключения нижняя / верхняя.

person mvvijesh    schedule 27.06.2018
comment
это так сбивает с толку. нижняя часть просто скрыта, а есть еще одна, которая выглядит точно так же. плохой UX - person Alex Bollbach; 14.07.2018
comment
Большое спасибо за скрытые кнопки: D Это действительно сильно сэкономило мне время - person Ken Block; 12.10.2018
comment
Ответ Forres перемещает sidebar не panel. Правильный способ изменить расположение панели по умолчанию - Ответ Стефано - person r.beigi; 28.10.2018
comment
Это не интуитивно понятно ... они должны добавить кнопку Еще ..., чтобы показать все скрытые кнопки - person Kyle Clegg; 01.11.2018
comment
Вы также можете открыть палитру команд и использовать View: toggle panel position - person protoEvangelion; 13.11.2018
comment
Значок мне кажется, что его больше нет. Ни когда панель внизу, ни когда справа. Даже когда у панелей достаточно ширины. Мне нужно щелкнуть правой кнопкой мыши заголовок панели, чтобы он переместился вправо или вниз. Что отстой. - person oyalhi; 26.11.2018
comment
@oyalhi, правильный ответ с последней версией кода Visual Studio (версия 1.32.3) выглядит так: `View -› Appearance - ›Toggle Panel Position, как то, что упоминает @protoEvangelion. - person Subhash; 21.03.2019

Выберите пункт меню View > Appearance > Move Side Bar Right или в settings.json:

"workbench.panel.defaultLocation": "right"

person Stefano    schedule 08.08.2018
comment
OP имеет в виду нижнюю панель, а не панель рабочего места. Панель рабочего места - это то, что содержит файловый менеджер, расширения и т. Д. К сожалению, они оба называются ___ panel, поэтому легко может возникнуть путаница. - person Jason Fry; 09.08.2018
comment
Я думаю, что тот, о котором вы думаете, на самом деле workbench.sideBar.location. Если я не напортачил, когда копирую свой комментарий правильно, в любом случае я заметил, что теперь есть новая кнопка, чтобы переместить его в сторону и обратно вниз. - person Stefano; 10.08.2018
comment
Лучший ответ здесь. Он переместил мою панель терминала (нижнюю) вправо, как и мне нужно. Точно так, как требовалось оператором. Спасибо! - person Tyler Davis; 09.01.2019
comment
Требуется сначала закрыть существующий терминал и сделать CTRL + `, чтобы отобразить их с правой стороны - person Aditya Kresna Permana; 16.05.2019

Щелкните пункт меню View > Appearance > Move to Side Bar Right. Когда боковая панель переместится вправо, параметр «Переместить боковую панель вправо» изменится на «Переместить в левую боковую панель».

person Community    schedule 18.04.2018
comment
Этого больше не существует - person pmiranda; 27.06.2019
comment
Это перемещено в Вид ›Внешний вид› Переместить боковую панель вправо / влево. - person jkmartindale; 05.11.2019

По состоянию на июнь 2019 года этот параметр можно найти, выполнив поиск «Панель» - если вы хотите изменить значение по умолчанию, для него есть вариант, как показано на снимке экрана:  введите описание изображения здесь

person NickersF    schedule 02.06.2019
comment
Настройки в JSON: workbench.panel.defaultLocation: right - person williamli; 14.08.2019
comment
Именно то, что я искал! Спасибо. - person Vincent; 07.01.2020

Для Visual Studio Code v1.31.1 вы можете переключать сеанс панели через меню Вид.

  • Перейдите в меню Просмотр.
  • В параметре Внешний вид щелкните Toggle Panel Position

введите описание изображения здесь

person Mel Michael    schedule 18.02.2019

Надеюсь, это кому-то поможет.

-> открыть с помощью сочетания клавиш

-> поиск "workbench.action.togglePanelPosition"

-> назначьте желаемый ярлык

Я назначил привязку клавиш "cmd +` "

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

теперь я могу переключать терминал, нажимая "cmd +` "

person sh6210    schedule 16.12.2018
comment
хм странно для меня в osx, терминал теряет фокус после того, как я это сделаю - person Daniel Lizik; 18.12.2019
comment
@DanielLizik, теперь в VSCode есть опция View - ›Appearance -› Move Panel ___. - person sh6210; 03.11.2020

VSCode 1.42 (январь 2020 г.) представляет

Панель слева / справа

Панель теперь можно переместить в левую часть редактора с настройкой:

"workbench.panel.defaultLocation": "left"

Это удаляет команду View: Toggle Panel Position (workbench.action.togglePanelPosition) в пользу следующих новых команд:

  • View: Move Panel Left (workbench.action.positionPanelLeft)
  • View: Move Panel Right (workbench.action.positionPanelRight)
  • View: Move Panel To Bottom (workbench.action.positionPanelBottom)
person VonC    schedule 31.01.2020
comment
Мне пришлось перезапустить VSCode, чтобы увидеть изменения. - person Chuan; 08.06.2020
comment
@ Чуан, ладно. Что касается меня, я жду VSCode May 2020 1.46: github.com/microsoft/vscode-docs/blob/ - person VonC; 08.06.2020

Вы можете сделать то же самое в версии для инсайдеров. В правом верхнем углу есть возможность переключиться на панель на боковую панель https://code.visualstudio.com/insiders/

терминал внизу  терминал внизу

терминал справа  терминал справа

person pulankit    schedule 27.10.2017
comment
Ссылка на решение приветствуется, но убедитесь, что ваш ответ полезен и без нее: добавьте контекст вокруг ссылки, чтобы другие пользователи иметь некоторое представление о том, что это такое и почему он существует, а затем процитировать наиболее релевантную часть страницы, на которую вы ссылаетесь, на случай, если целевая страница недоступна. Ответы, которые представляют собой не более чем ссылку, могут быть удалены. - person Bugs; 27.10.2017
comment
Рядом со значком крестика x есть кнопка. - person pulankit; 25.06.2018
comment
@pulankit Спасибо, он исчез, потому что панель была недостаточно широкой, и я не мог найти ее с всплывающими окнами или чем-то еще. - person MrFox; 25.06.2018

В версии 1.55.2.

Перейти к просмотру - ›Внешний вид -› Переместить панель вправо  введите описание изображения здесь

person Manish    schedule 09.05.2021

Я не знаю, с какой версии он изменился, но в 1.11.2 есть опция на вкладке «Просмотр», которая может изменять левую панель вправо и наоборот.

person Nickos    schedule 21.04.2017
comment
OP относится к нижней панели, а не к левой боковой панели. - person steph643; 03.08.2017

В качестве примера из графического интерфейса. Вид- ›Внешний вид-› Переместить боковую панель вправо

введите описание изображения здесь

person Dheeraj Palagiri    schedule 13.11.2020

"Wokbench.panel.defaultLocation": "right"

Откройте настройки с помощью CTRL+., найдите terminal, и вы должны увидеть этот параметр вверху. В раскрывающемся списке под объяснением настроек выберите вправо. Смотрите скриншот ниже.

введите описание изображения здесь

person matrix    schedule 24.09.2020

Перейдите к view, затем к appearence. Затем выберите переместить нижнюю часть панели.

person mangu    schedule 07.10.2020

person    schedule
comment
Этот ответ уже предоставлен этим ответом двухлетней давности. Пожалуйста, публикуйте новый ответ только в том случае, если вы добавляете новое решение или значительно лучшее объяснение; в противном случае просто проголосуйте за существующий ответ. - person Mark Rotteveel; 04.08.2020