Перемещение панели в Visual Studio Code на правую сторону


247

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

Авторы изображений: ( https://code.visualstudio.com/images/codebasics_hero.png )


Задний цвет полосы прокрутки не является твердым, и в результате получается ... ! [Введите описание изображения здесь ] ( i.stack.imgur.com/pTmzS.png )
MCunha98

4
Вы должны обновить этот вопрос, чтобы принять ответ @dcastro. Текущий принятый ответ больше не действителен.
jmargolisvt

Ответы:


542

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

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

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

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


63
Стоит также упомянуть, что правый клик должен быть выполнен на панели инструментов панели. (Щелчок где-нибудь еще не поможет.)
customcommander

11
Как раздражает. Постоянные изменения.
смотрите острее

7
Спасибо! Это сводило меня с ума. Почему они убрали кнопку в 1.29.1? Раньше это было совместимо с инструментами разработки Chrome, а сейчас - нет.
Colefner

9
@colefner Чтобы напомнить вам, что вы используете продукт Microsoft: он не сломался, но они уверены, что, черт возьми, пойдут дальше и исправят его.
mkvlrn

10
@shashwat Да, откройте сочетания клавиш и выполните поиск workbench.action.togglePanelPosition. Вы можете добавить сочетание клавиш, которое будет переключать его вперед и назад.
Джейк Бэтмен

126

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

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

ctrl+ ,(Или cmd+ ,на OSX)

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

"workbench.sideBar.location": "right"

SideBar слева


10
OP относится к нижней панели, а не к левой боковой панели.
steph643

6
@ steph643 OP не ясно указывал в своей теме, на какую панель он ссылался. Хотя его вопрос прояснил это хорошо, это тема, которую мы видим в результатах поиска Google. Этот ответ был ответом на вопрос, который у меня был. Слишком часто забывают, что для масс, ищущих ответы, это Google ведет нас за нос, пока мы не найдем где-то, что правильный ответ не был отклонен нами каким-то мощным и недальновидным модом, потому что он не правильно стоять на месте и приветствовать их проницательность.
hawkeyegold

@forres, возможно ли сделать плавающие панели и перенести их на отдельный монитор? Это моя обычная настройка при работе с VS - кодом слева, все панели справа. Изменение якоря (влево / вправо) боковой панели не меняет объем видимого текстового редактора
Darius

3
Я согласен с @hawkeyegold - хотя ответ явно не отвечает намерениям ОП , это было невероятно полезно, так как я также гуглил этот вопрос, имея тот же вопрос, что и Форрес - желая переместить боковую панель рабочего места. Большое спасибо!
Per Lundberg

2
недооцененный, потому что этот ответ сбивает с толку и забивает поиски правильного ответа. Автор спросил, как двигать Panel, а не боковую панель. Правильный ответ принадлежит Стефано:"workbench.panel.defaultLocation": "right"
Барабас

112

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

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

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

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

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

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

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

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

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

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


6
это так запутанно. дно просто спрятано, и есть еще один, похожий на него. плохой UX
Алекс Боллбах

1
Большое спасибо за скрытые кнопки: D Это действительно сэкономило мое время
Кен Блок

14
Вы также можете открыть палитру команд и использоватьView: toggle panel position
protoEvangelion

33
Иконка больше не для меня. Ни когда панель находится внизу, ни когда она справа. Даже когда панели имеют достаточную ширину. Мне нужно щелкнуть правой кнопкой мыши заголовок панели, чтобы он переместился вправо или вниз. Который отстой.
oyalhi

3
@oyalhi, правильный ответ с последним кодом Visual Studio (версия 1.32.3), по-видимому, `View -> Appearance -> Toggle Panel Position", как то, что упоминает @protoEvangelion.
Субхаш Бхушан

35

Не уверен, почему это не упоминается здесь, но этот параметр сделал работу для меня:

"workbench.panel.defaultLocation": "right"


OP относится к нижней панели, а не к рабочей панели. Панель Workbench - это то, что содержит файловый менеджер, расширения и т. Д. К сожалению, они оба называются, ___ panelтак что путаница может возникнуть легко.
Джейсон Фрай

6
Я думаю, что тот, о котором вы думаете, на самом деле workbench.sideBar.location. Если я не ошибся при копировании моего комментария, все равно я заметил, что теперь есть новая кнопка для его перемещения в сторону и обратно вниз.
Стефано

2
Лучший ответ здесь. Он переместил мою терминальную (нижнюю) панель вправо так, как мне было нужно. Точно так же, как операционная запрошенная. Спасибо!
Тайлер Дэвис

Требуется сначала закрыть существующий терминал и сделать CTRL+ `, чтобы показать их справа
Адитья Кресна Пермана

10

Выберите пункт меню «Вид» -> «Перейти к боковой панели вправо». Когда боковая панель переместится вправо, опция «Переместить в боковую панель вправо» изменится на «Переместить в боковую панель влево».

ура


Это больше не существует
pmiranda

Это переместилось в Вид> Внешний вид> Переместить
боковую панель

10

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


1
Настройки в JSON - это «workbench.panel.defaultLocation»: «правильно»
williamli

Именно то, что я искал! Спасибо.
Винсент

9

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

-> открыть для сочетания клавиш

-> поиск по запросу "workbench.action.togglePanelPosition"

-> назначить нужный ярлык

Я назначил связывание клавиш "cmd +` "

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

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


хм странно для меня на OSX, терминал теряет фокус после того, как я это делаю
Даниэль Лизик

7

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

  • Перейдите в меню « Вид» .
  • С помощью параметра « Внешний вид» нажмитеToggle Panel Position

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


5

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)

Мне пришлось перезапустить VSCode, чтобы увидеть изменения.
Чуан

1
@ Чуан ОК. Я жду VSCode, май 2020 года, 1.46: github.com/microsoft/vscode-docs/blob/…
VonC,

4

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

терминал на нижней стороне терминал в нижней части

терминал на правой стороне терминал в правой части


1
Ссылка на решение приветствуется, но, пожалуйста, убедитесь, что ваш ответ полезен без нее: добавьте контекст вокруг ссылки, чтобы ваши коллеги-пользователи имели представление о том, что это такое и почему, а затем процитируйте наиболее релевантную часть страницы, которую вы ' Повторная ссылка на случай, если целевая страница недоступна. Ответы, которые немного больше, чем ссылка, могут быть удалены.
Ошибки

Рядом с крестиком значок «х» есть
кнопка

2
@pulankit Спасибо, она исчезла, потому что панель была недостаточно широкой, и я не мог найти ее с помощью всплывающих окон или чего-то еще.
MrFox

2

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


OP относится к нижней панели, а не к левой боковой панели.
steph643
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.