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

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

visual-studio-code vscode-settings

— 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

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"

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

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

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:

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

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:

— 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

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