Mover painel no código do Visual Studio para o lado direito

245

No Código do Visual Studio, a seção do painel fica na parte inferior por padrão. Como o movo para o lado direito? Por exemplo, na imagem a seguir, o painel (Seção D) fica na parte inferior. Em vez disso, quero que ele se mova para o lado direito, ou seja, na área em que o editor README.md é mostrado em Grupos de editores (Seção C).insira a descrição da imagem aqui

Créditos da imagem: ( https://code.visualstudio.com/images/codebasics_hero.png )

user2047246
fonte
O backcolor da barra de rolagem não é sólido eo resultado é ... [inserir descrição da imagem aqui! ] ( I.stack.imgur.com/pTmzS.png )
MCunha98
4
Você deve atualizar esta pergunta para aceitar a resposta do @dcastro. A resposta atual aceita não é mais válida.
precisa saber é o seguinte

Respostas:

537

A partir de outubro de 2018 (versão 1.29), o botão na resposta do @ mvvijesh não existia mais.

Agora você tem 2 opções. Clique com o botão direito na barra de ferramentas do painel (em nenhum outro lugar do painel funcionará) e escolha "mover o painel para a direita / para baixo":

Ou escolha " Exibir: Alternar posição do painel " na paleta de comandos.

Fonte: notas de atualização do VSCode: https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu

dcastro
fonte
62
Também vale ressaltar que o clique direito deve ser realizado na barra de ferramentas do painel. (Clicar em qualquer outro lugar não ajuda.) #
Customcommander
11
Que irritante. Mudanças constantes.
ver mais nítida
7
Obrigado! Isso estava me deixando louco. Por que eles tiraram o botão no 1.29.1? Era consistente com as ferramentas de desenvolvimento do Chrome antes e agora não é.
Colefner 28/11
9
@colefner Para lembrá-lo de que você está usando um produto da Microsoft: ele não está quebrado, mas eles certamente vão seguir em frente e consertá-lo.
Mkvlrn
10
@shashwat Sim, abra os Atalhos de teclado e procure workbench.action.togglePanelPosition. Você pode adicionar um atalho de teclado que o alternará.
precisa saber é o seguinte
126

Para pessoas que procuram uma resposta (sobre como mover o painel lateral):

Você pode pressionar

ctrl+ ,(Ou cmd+ ,no OSX)

e inclua a seguinte opção no arquivo JSON das configurações do usuário:

"workbench.sideBar.location": "right"

Barra lateral à esquerda

Forres
fonte
10
OP refere-se ao painel inferior, não à barra lateral esquerda.
steph643
6
@ steph643 OP não estava claro em sua linha de assunto a qual painel ele estava se referindo também. Embora sua pergunta tenha esclarecido isso muito bem, é a linha de assunto que vemos nos resultados de pesquisa do Google. Esta resposta foi a resposta para a pergunta que eu tinha. Muitas vezes esquece-se que, para as massas que procuram respostas, o Google nos leva pelo nariz até encontrarmos em algum lugar que a resposta certa não nos foi negada por algum mod pesado e míope, porque não funcionou corretamente. fique atento e saude sua astúcia.
hawkeyegold
@ forres, é possível fazer painéis flutuando e movê-los para um monitor separado? Esta é a minha configuração usual ao trabalhar com o código VS à esquerda, todos os painéis à direita. Alterando a âncora (esquerda / direita) da barra lateral não muda o quanto editor de texto é visível
Darius
3
Concordo com @hawkeyegold - embora a resposta claramente não responda à intenção dos OPs , foi incrivelmente útil, pois eu também pesquisei essa questão ao ter exatamente a mesma pergunta que Forres - querendo mover a barra lateral da bancada de trabalho. Muito Obrigado!
Per Lundberg
2
diminuiu porque esta resposta é confusa e entope buscando a resposta correta. Autor perguntou como se mover Panel, não painel lateral. A resposta correta pertence a Stefano:"workbench.panel.defaultLocation": "right"
Barabas
112

Estou usando o Visual Studio Code v1.24.0 em um Mac.

Por padrão, o Painel aparecerá na parte inferior (Você também pode alterar o padrão. Consulte a resposta do @Forres: Movendo o painel no Código do Visual Studio para o lado direito )

Aqui está o botão de alternância inferior / direito do painel de código do VS:

insira a descrição da imagem aqui

Quando clico neste botão, o painel se move para a direita.

insira a descrição da imagem aqui

Movê-lo de volta é um pouco complicado. Como você pode ver, alguns dos botões estão ocultos. Isso ocorre porque a largura do painel, quando alinhado à direita, é muito pequena. Precisamos expandir a coluna para ver todos os botões.

É assim que se vê a expansão:

insira a descrição da imagem aqui

Agora, se você deseja mover o painel de volta para a parte inferior, clique no botão de alternância inferior / superior novamente.

mvvijesh
fonte
6
isso é tão confuso. o fundo está escondido e há outro que se parece com ele. UX ruim
Alex Bollbach
1
muito obrigado para os botões escondidos: D É realmente salvou minha tempo muito
Ken Block
14
Você também pode abrir, em seguida, a paleta de comando e usoView: toggle panel position
protoEvangelion
33
O ícone não parece mais estar lá para mim. Nem quando o painel está na parte inferior, nem quando está à direita. Mesmo quando os painéis têm largura suficiente. Preciso clicar com o botão direito do mouse no cabeçalho do painel para que ele se mova para a direita ou para baixo. O que é péssimo.
oyalhi
3
@oyalhi, a resposta correta com o mais recente Visual Código Studio (Versão 1.32.3) parece ser `View -> Aparência -> Alternar Posição do Painel", como o que @protoEvangelion menciona.
Subhash Bhushan
35

Não sei por que isso não é mencionado aqui, mas essa configuração fez o trabalho para mim:

"workbench.panel.defaultLocation": "right"

Stefano
fonte
OP está se referindo ao painel inferior, não ao painel da bancada de trabalho. O painel do ambiente de trabalho é o que contém o explorador de arquivos, as extensões etc. etc. Infelizmente, os dois são chamados ___ panelpara facilitar a confusão.
21818 Jason Fry às
6
Eu acho que o que você está pensando é realmente workbench.sideBar.location. A menos que eu errei ao copiar, o comentário está correto. De qualquer maneira, notei que agora existe um novo botão para movê-lo para o lado e voltar para o fundo.
Stefano
2
Melhor resposta aqui. Ele moveu meu painel terminal (inferior) para a direita, exatamente como eu precisava. Exatamente como a operação solicitada. Obrigado!
Tyler Davis
Ela exige para fechar o primeiro terminal existente, e fazer CTRL+ `para mostrar-lhes no lado direito
Aditya Kresna Permana
10

Clique na opção de menu "Visualizar" -> "Mover para a barra lateral direita". Quando a barra lateral se move para a direita, a opção "Mover para a barra lateral direita" muda para "Mover para a barra lateral esquerda".

Felicidades


fonte
Isso não existe mais
pmiranda
Isso mudou-se para Ver> Aparência> Mover Side Bar Direita / Esquerda
jkmartindale
10

A partir de junho de 2019, essa configuração pode ser encontrada na pesquisa 'Painel' - se você deseja alterar o padrão, há uma opção para ele, conforme mostrado na captura de tela:insira a descrição da imagem aqui

NickersF
fonte
1
As configurações em JSON é "workbench.panel.defaultLocation": "certo"
williamli
Precisamente o que eu estava procurando! Obrigado.
Vincent
9

Espero que isso ajude alguém.

-> aberto para o atalho do teclado

-> procure por "workbench.action.togglePanelPosition"

-> atribua o atalho desejado

Eu atribuí a combinação de teclas "cmd +` "

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

agora posso alternar o terminal pressionando "cmd +` "

sh6210
fonte
hmm estranho para mim no osx, terminal perde o foco depois de fazer isso #
Daniel Lizik 18/12/19
7

Para o Visual Studio Code v1.31.1, você pode alternar a sessão do painel através do menu Exibir .

  • Vá para o menu Exibir .
  • Através da opção Aparência , clique emToggle Panel Position

insira a descrição da imagem aqui

Mel Michael
fonte
4

Você pode fazer o mesmo na edição do insider. Existe uma opção no canto superior direito para mudar para o painel da barra lateral https://code.visualstudio.com/insiders/

terminal no lado inferior terminal no lado inferior

terminal no lado direito terminal no lado direito

pulankit
fonte
1
Um link para uma solução é bem-vindo, mas garanta que sua resposta seja útil sem ela: adicione contexto ao link para que seus colegas usuários tenham uma idéia do que é e por que está lá, depois cite a parte mais relevante da página que você ' reencaminhando para o caso de a página de destino não estar disponível. Respostas que são pouco mais que um link podem ser excluídas.
Bugs
Existe um botão apenas ao lado da cruz "x" ícone
pulankit
2
@pulankit Obrigado, ele desapareceu porque o painel não era grande o suficiente e eu não consegui encontrá-lo com pop-ups ou algo assim.
MrFox
4

O VSCode 1.42 (janeiro de 2020) apresenta:

Painel à esquerda / direita

O painel agora pode ser movido para o lado esquerdo do editor com a configuração:

"workbench.panel.defaultLocation": "left"

Isso remove o comando View: Toggle Panel Position( workbench.action.togglePanelPosition) em favor dos seguintes novos comandos:

  • View: Move Panel Left( workbench.action.positionPanelLeft)
  • View: Move Panel Right( workbench.action.positionPanelRight)
  • View: Move Panel To Bottom( workbench.action.positionPanelBottom)
VonC
fonte
Para mim, tive que reiniciar o VSCode para ver as alterações.
Chuan
1
@Chuan OK. Para mim, estou aguardando o VSCode de maio de 2020 1.46: github.com/microsoft/vscode-docs/blob/…
VonC
2

Eu não sei desde que versão ele muda, mas o 1.11.2 tem uma opção na guia Exibir, que pode alterar a barra esquerda para a direita e vice-versa

Nickos
fonte
OP refere-se ao painel inferior, não à barra lateral esquerda.
steph643