Vscode: Permitir que várias visualizações sejam exibidas ao mesmo tempo

Eu ia abrir uma edição para isso. Seriam muito úteis várias barras laterais para a extensão Code Outline .

Talvez este seja o problema relacionado ao # 15038

As configurações de várias barras laterais seriam fantásticas, especialmente agora com as extensões Code Outline e GitLens 5.0+!

Estava apenas desejando o mesmo :)

+1

Embora eu gostaria de ver duas barras laterais, eu gostaria muito mais de um gerenciador de janelas lado a lado como no Eclipse IDE.

+1

Eu quero isso porque quero alguns painéis na barra lateral direita e o resto na barra lateral esquerda ...

É difícil ver o esboço do código enquanto navego em minha árvore de arquivos.

Vou postar minha maquete em https://github.com/Microsoft/vscode/issues/45283 também:

+1

+1

+1

+1

+1

Todos, que adicionam +1 comentários redundantes. Por favor, não faça isso.

Isso levará apenas a outras pessoas a cancelar a inscrição e / ou este problema será bloqueado para comentários. Ambas as coisas são ruins para o desenvolvimento deste problema.

Por favor, considere adicionar: +1: à descrição original. Basta clicar no ícone.

Obrigado!

Olá, eu estava pensando, há algum plano (distante) de implementar isso?

Oferecendo que as extensões agora podem criar seus próprios botões e painel do explorador, isso seria um grande negócio para nós como usuários.

Acho que 4+ ícones de viewlet à esquerda (ou à direita se configurado) é o que dá ao vscode a aparência "Icônica". Mesmo que dois viewlets estejam habilitados, um à esquerda e outro à direita, acho que apenas um lado deve ter os ícones. O outro lado pode ter apenas tabulações verticais de texto. E então pode ser configurável para habilitar ícones em ambos os lados, ou texto em ambos os lados.

Algum progresso nisso? Generalizar o excelente novo layout de grade para gerenciar todos os componentes, incluindo viewlets, é a única coisa que realmente sinto falta no VSCode. Navegação por arquivo e código, git, depuração - tudo seria muito mais fácil sem ter que mudar os viewlets todas as vezes. Eu sugiro fortemente olhar para o Atom como inspiração. É quase perfeito.

Como # 49755 foi fechado por ser uma duplicata, o que não é, talvez seja necessário discutir primeiro se devemos introduzir uma segunda barra de atividades.

A barra de atividades é a coluna de ícones, mostrada à esquerda da barra lateral por padrão.

Sugiro introduzir uma segunda barra de atividades. Os ícones na barra de atividades já podem ser movidos pelo usuário. Podemos permitir que o usuário mova os ícones para a segunda barra de atividades à direita, que pode se tornar visível enquanto segura um ícone (mantendo o botão do mouse pressionado). Cada ícone clicado pode aparecer em sua respectiva barra lateral. Portanto, clicar em um ícone na barra de atividades à esquerda abrirá o elemento na barra lateral esquerda; clicar em um ícone na barra de atividade direita abrirá o elemento na barra lateral direita.

Tanto a barra lateral direita quanto a barra de atividade podem estar ocultas por padrão, aparecendo apenas durante a movimentação dos ícones para não forçar o usuário a usá-la e reduzir a desordem.

O que você acha?

+1

Acho que a barra de atividades só deve estar à esquerda. Dessa forma, você pode selecionar uma opção do menu de contexto para abrir a visualização do lado direito.

@nealot Essa é uma sugestão interessante. Poderia funcionar e seria flexível se você quiser ter pontos de vista de lados diferentes com frequência. Mas também posso imaginar que os usuários nem tentem clicar com o botão direito nos ícones. Ou eu apenas clicando nele, sem pensar no botão do mouse que devo apertar. Os usuários de toque também podem precisar de outra maneira de abri-lo no lado direito.

@gersilex

Mas também posso imaginar que os usuários nem tentem clicar com o botão direito nos ícones. Ou eu apenas clicando nele, sem pensar no botão do mouse que devo apertar.

Atualmente, para ocultar um ícone da barra de atividades, você deve usar o menu de contexto - por que essa ação seria diferente? Embora eu ache que isso deva ser complementado por uma funcionalidade de arrastar e soltar.

Os usuários de toque também podem precisar de outra maneira de abri-lo no lado direito.

Como mencionei acima, acho que arrastar e soltar seria benéfico aqui. Eu uso uma tela sensível ao toque e, embora os menus de contexto não sejam inutilizáveis, são difíceis de trabalhar.

Ter duas barras de atividade não só parece muito desconfortável, mas também desperdiça muito espaço na tela; Sou totalmente contra a ideia de habilitá-lo por padrão. Se você pretendia que a segunda barra fosse uma opção nas configurações, entretanto, eu me perguntaria por que esse caminho é menos complicado do que usar o menu de contexto.

Por outro lado, como seriam os comandos de teclado para isso?

@nealot

isso deve ser complementado por uma funcionalidade de arrastar e soltar
Concordo totalmente aqui.

Atualmente, para ocultar um ícone da barra de atividades, você deve usar o menu de contexto
Acho que entendi mal seu primeiro comentário. Achei que você queria que a visualização fosse aberta instantaneamente, sem mostrar um menu de contexto. A ideia com o menu de contexto parece boa, no entanto.

Portanto, adicionaríamos outra entrada ao menu de contexto dos ícones. A entrada deve ser para alternar o local (como Pin to right activity bar )? Isso soa bem para mim.

Falando em arrastar e soltar. Também poderíamos simplesmente arrastar a visualização para a direita e exibir a barra lateral direita. Isso estaria de acordo com a aparência das janelas do editor e da grade. Talvez possamos fazer ambos.

Não insisto em usar uma segunda barra de atividades. Você tem um ponto forte aqui e eu concordo que não devemos introduzir uma segunda barra de atividades.

@gersilex Que pena, eu deveria ter redigido meu comentário original melhor. Gosto da sua ideia sobre como alternar a posição.

Talvez pudéssemos fazer algo assim:

1. O usuário clica com o botão direito em um ícone
2. Seleciona a opção do menu de contexto Pin to right
3. Clicar no ícone a partir desse ponto o abre
4. Opção muda para Pin to left

Também relacionado (eu acho?): Https://github.com/Microsoft/vscode/issues/50853

Olá, há algum desenvolvimento em andamento nessa área? Talvez haja um recurso semelhante já sendo trabalhado? Se for esse o caso, agradeceria se alguém pudesse fornecer os ingressos relacionados. Do ponto de vista da IU, esse é o maior problema para mim no momento.

O Code Outline realmente precisa de sua própria janela. Ter o Explorer e o Outline abertos ao mesmo tempo é realmente a melhor maneira de navegar rapidamente no código. Eu diria até, largue o minimapa e coloque o contorno lá (ou do lado esquerdo ;-)
Há alguns anos, o formato de tela mais comum é 16: 9 com mais espaço horizontal do que vertical, mas o código-fonte não cresceu horizontalmente, então mais espaço de tela é desperdiçado com muitos espaços em branco no lado direito do editor.

Curioso qual é o status disso. Parece realmente muito opinativo forçar todos esses elementos em um painel. O IntelliJ lida com isso muito melhor, modularizando cada componente em seu próprio painel que pode ser movido para qualquer lugar.

@bpasero , vocês têm planos para isso?

Adicionando meu desejo por este recurso, estou tentando usar vs-code em uma configuração de monitor vertical, e seria ótimo ter a liberdade de empilhar o painel, a barra de atividades e a visualização (barra lateral?) Na parte inferior do tela. Isso me daria todo o espaço horizontal para edição e moveria todas as coisas "extras" acima ou abaixo. Obviamente, nem todas as visualizações se comportarão tão bem / efetivamente em um widget curto e amplo, mas esse é o meu problema, eu acho: P

@matthewess Eu não prenderia minha respiração. Eles têm muitos outros pedidos e bugs para consertar e talvez este requeira muito trabalho. No entanto, não sabemos nada disso com certeza, pois houve um silêncio mortal dos desenvolvedores sobre isso. Se não me engano, não há um único comentário de nenhum desenvolvedor VSC desde quando a solicitação foi criada, ou seja, há mais de 2 anos. A melhor coisa que você pode fazer é votar a favor da solicitação e talvez pedir a outros desenvolvedores que se importam com isso, que façam o mesmo.

@RMacfarlane e outros desenvolvedores de VSCode,

Há alguma chance de vermos suporte em breve para barras laterais duplas e / ou janelas flutuantes # 10121?
Isso pode ser priorizado?

As barras laterais duplas já têm 325 votos e o pedido de janelas flutuantes relacionado tem 2906 votos + 364 comentários (e teria ainda mais se não tivesse sido bloqueado há quase um ano), demonstrando uma grande necessidade para isso.

Isso faria uma grande diferença para tornar o VSCode uma alternativa competitiva ao Visual Studio em termos de usabilidade. Como está agora, eu tenho que alternar com frequência (para favoritos, esboço de código, visualização de arquivos, etc.) ou acabar com uma barra lateral muito apertada e inutilizável com todos os grupos mostrados lá ao mesmo tempo, considerando a falta de suporte para painéis encaixados móveis.

Além disso, sem isso, não consigo nem esticar a janela em vários monitores como uma solução alternativa para fazer uso de vários monitores.
Isso seria mais fácil ou mais difícil de fazer do que janelas flutuantes para # 10121?

Existe alguma solução alternativa agora para, pelo menos, desencaixar os painéis para realmente fazer uso de várias telas? É tecnicamente possível que as extensões implementem seu próprio suporte embutido em código para mostrar ferramentas fora da barra lateral acoplada, por exemplo. em sua própria janela e, em caso afirmativo, alguma extensão que faça uso dela?

Duplicar o espaço de trabalho não é realmente uma alternativa viável, já que as ferramentas falham em sincronizar com quaisquer edições não salvas, portanto, clicar em marcadores / membros em ferramentas como Contorno de código, Marcadores / Favoritos, etc. não abriria na janela usada para edição de código (vs. a janela usada apenas para exibir outro painel de ferramentas, por exemplo, no segundo monitor) e não mostraria o contorno que corresponde ao arquivo editado atualmente (a menos que você salve antes de cada uso da janela do painel de ferramentas secundário).

Há muitas visualizações e ferramentas necessárias para serem limitadas a apenas uma barra lateral e uma ferramenta / visualização por vez. Com o Visual Studio, geralmente tenho uma dúzia de janelas de ferramentas diferentes exibidas em 3 monitores.

Considerando que, com o VSCode como está agora, estou limitado a uma única janela de ferramenta e essencialmente a apenas 1 monitor (já que haveria poucos benefícios em estender por vários).

O VSCode nem mesmo oferece suporte à exibição de tantos painéis ao mesmo tempo que muitas vezes é necessário, mesmo para a codificação VBA básica em VBE com sua versão antiga do Visual Studio.

Nosso roteiro para o ano está aqui: https://github.com/microsoft/vscode/wiki/Roadmap

Layout da bancada
O suporte para peças destacáveis ​​da bancada de trabalho é a nossa solicitação de recurso mais votada, que devido a problemas arquitetônicos é um desafio de implementar. Exploraremos como podemos contornar essa limitação. Esta investigação se concentrará em separar terminais (segunda solicitação de recurso mais votada) e editores.

Especificamente em relação à barra lateral, é isso que eu gostaria de alcançar:

Especificamente em relação à barra lateral, é isso que eu gostaria de alcançar:

SIM! Eu gostaria de poder fazer isso também.

Sinto falta disso para depuração. Tenho um monitor muito largo, mas não tão alto (5120x1440). No entanto, não posso dobrar a barra lateral de depuração, precisando de uma rolagem constante e a maior parte do espaço da tela apenas sendo desperdiçada. E não estou nem mesmo tendo que olhar os registros agora, que por si só preenchem toda a altura da minha tela. Eu facilmente teria o imóvel para 10 barras laterais, mas não posso reorganizar nada além de coisas em colapso.

Gostaria também de apontar que os usuários que usam o monitor no modo retrato (vertical), também se beneficiariam de uma "Barra Lateral" que não está na lateral (pois o espaço ao lado é limitado), mas em vez de ser capaz de configurar a barra lateral para abrir superior ou inferior (também conhecido como dividir o editor e a barra lateral verticalmente). Quando tenho que fazer uma pesquisa ou depuração complexa, tenho que mudar o vscode para um monitor de paisagem e, quando terminar, movê-lo de volta para o monitor de retrato. Eu entendo que as janelas destacáveis ​​para a barra lateral são complexas de implementar, mas talvez isso aqui seja mais fácil a curto prazo.

Fico feliz em usar e adorar a abordagem da Intellij de preservar o núcleo de sua perspectiva, esteja você escrevendo, analisando ou depurando. Não posso realmente conseguir isso sem várias barras laterais no momento. Ter que alternar entre o explorer, as ferramentas e as informações de depuração é uma verdadeira dor.

Intellij é um IDE. Este é um editor de texto. É como comparar um Chevy e um Mustang porque você pode dar uma volta em ambos.

Mas o Atom tem o recurso e também é apenas um editor de texto.

De: Michael De Abreu [email protected]
Enviado: quinta-feira, 2 de abril de 2020 13:28:25
Para: microsoft / vscode [email protected]
Cc: b-fuze [email protected] ; Comentário [email protected]
Assunto: Re: [microsoft / vscode] Permitir que várias visualizações sejam exibidas ao mesmo tempo (# 26777)

Intellij é um IDE. Este é um editor de texto. É como comparar um Chevy e um Mustang porque você pode dar uma volta em ambos.

-
Você está recebendo isso porque comentou.
Responda a este e-mail diretamente, visualize-o no GitHub https://github.com/microsoft/vscode/issues/26777#issuecomment-607985051 ou cancele a inscrição https://github.com/notifications/unsubscribe-auth/ACQEV7PY2T43BFI3KMSXYDDRKTDLTANC4FSM4DLUT .

Como já mencionei em # 92786 (comentário) , outra boa inspiração é o Theia , que usa o mesmo conceito e extensões do VSC.

Intellij é um IDE. Este é um editor de texto. É como comparar um Chevy e um Mustang porque você pode dar uma volta em ambos.

O mesmo argumento matador de sempre. Desenhe a linha entre um IDE e um editor, especialmente quando se trata de UI. O que está faltando para tornar o VSC um IDE "real" desenvolvido? Talvez devêssemos aplicar a digitação duck para a definição de IDEs e editores.

Thea parece interessante.

@bpasero , @sbatten
https://github.com/Microsoft/vscode/issues/10121#issuecomment -345497635

Sobre "contexto isolado" e Elétron ...
Basta adicionar um novo painel, "painel adicional" (por exemplo) e adicionar o item "mover para painel adicional" ao menu "clicar com o botão direito", como já implementado "mover para painel" para "esboço", "variáveis" e outros (workbench.action.moveFocusedView e outros, não conseguiram encontrar um link para a implementação da função, mas espero que você entenda).

Neste caso, não é necessário compartilhar a mesma memória com a janela "principal".
É leve.

PS Todos ficarão felizes, especialmente os usuários da ampla e dois monitores.

E sim, obrigado pelo seu trabalho!

Isso será adicionado? Se sim, algum eta?

Talvez precisemos de um novo widget / componente / controle para isso. O Visual Studio usa essencialmente o TableLayoutPanel do .NET. Pode valer a pena o esforço de portar isso para a web.

Se você precisar de orientação sobre a interface do usuário, pode consultar o Visual Studio:

Engraçado.
Acabei de receber uma bronca de um colega sobre os aplicativos baseados em navegador serem o caminho do futuro.
Estou um pouco duvidoso, pois eles parecem incapazes de lidar com recursos de interface do usuário de última geração, como janelas encaixáveis ​​e barras de ferramentas?

Sinto falta de ter tudo em um só ponto de vista. No Atom, você pode abrir arquivos, editá-los e confirmar alterações, sem alternar para visualizações diferentes. Esse fluxo de trabalho é muito mais superior ao que o vscode oferece quando você precisa fazer pequenas alterações que exigem commits frequentes.

Este é certamente o elo que faltava para fazer o VSCode parecer menos um brinquedo e mais um editor adulto.

VS Studio, Unity, ItelliJ permitem encaixar vários painéis, em qualquer configuração de que você precisa, personalizando seu espaço de trabalho e usando o tamanho total de sua tela.

Trabalhar em VSCode em um Ultra-wide parece um pouco bobo com um pequeno menu de 400px escondendo 8 páginas de dados, e nenhuma maneira de ver mais de uma por vez. Mesmo com um simulador funcionando, tenho amplo espaço para mais 2 colunas.

É uma pena, porque, além dessa grande falha, é realmente um excelente IDE.

Sim, eu realmente quero isso ... Eu realmente quero ter a opção de colocar, digamos, o depurador no lado direito visível o tempo todo, em vez de ter que mudar a visualização.

Pelo menos, a barra lateral é mencionada no "Workbench-Roadmap" para 2020: https://github.com/microsoft/vscode/wiki/Roadmap#workbench

Ofereça suporte a um layout de bancada de trabalho mais flexível, como permitir barras laterais à esquerda e à direita. Por exemplo, você pode ter seu contorno à direita e o explorador de arquivos à esquerda.

Eu sou novo no VS Code, então perdoe se o seguinte tiver interpretações erradas (se tiver, sinta-se à vontade para me corrigir).

A primeira coisa que eu queria depois de cerca de 10 minutos usando o VS Code (e ficando muito impressionado) era a capacidade de abrir outra barra lateral. Então eu procurei na internet e encontrei este pedido .... pedindo duas barras laterais. E embora isso seja muito melhor do que um, não sei por que deveria ser limitado a apenas dois.

De fato, no Visual Studio ou em qualquer outro IDE, você pode ter qualquer visualização aberta e encaixada em algum lugar. Mas no VS Code, muitas visualizações pareciam estar limitadas à barra lateral, da qual há apenas uma. Portanto, não posso, por exemplo, ter os resultados da pesquisa e o explorador abertos ao mesmo tempo. Não sei por que não gostaríamos de fazer isso no VS Code - ou seja, poder encaixar qualquer visualização em qualquer lugar que quisermos.

Especificamente em relação à barra lateral, é isso que eu gostaria de alcançar:

Isso é realmente o que eu gostaria de ver também. Mas também quero mencionar que o File Explorer (primeiro ícone) tem várias subseções, como Open Editors e Outline. Esta é a razão pela qual é importante poder abrir o Explorador de Arquivos em ambos os lados em vez de movê-lo. Portanto a sua consideração é correta, pois permite mostrar todos os arquivos à esquerda e o contorno à direita, que é o que procuro.

esboço de código é difícil de usar agora ...

. @mjbvz : isso seria possível para as barras laterais com sua nova api descrita em # 46585

Talvez seja hora de incluir essa melhoria no roteiro?
Por favor :)

Sim por favor!