VS Code 1.51 lançado com melhorias na guia fixada e mais

Bancada de trabalho

Guias fixadas mais proeminentes

As guias fixadas agora sempre mostrarão seu ícone de alfinete, mesmo quando inativas, para facilitar a identificação. Se um editor estiver fixado e contiver alterações não salvas, o ícone refletirá os dois estados.

Árvores de extensão usam foco personalizado

Em vez de usar a dica de ferramenta nativa em visualizações de árvore de extensão, agora usamos um foco personalizado que é consistente entre plataformas e se ajusta melhor à UX geral.

Instale uma extensão sem sincronizar

Agora você pode instalar uma extensão sem sincronizá-la enquanto a sincronização de configurações estiver ativada.

Tema: GitHub Light

Instale uma extensão do Explorer

VS Code agora suporta a instalação de um arquivo de extensão VSIX a partir do Explorer clicando com o botão direito em um arquivo VSIX e escolhendo o Instalar extensão VSIX item do menu de contexto.

Comando de desfoque de entrada

Um novo interno workbench.action.blur O comando agora está disponível, o que remove o foco de qualquer entrada focalizável. Você pode atribuir um atalho de teclado para este comando no Preferências de atalhos de teclado.

Terminal Integrado

Eco Local

Fazer modificações no terminal tradicionalmente exige que as informações sejam enviadas para o processo do terminal, processadas e devolvidas ao VS Code para serem afetadas. Isso pode ser lento ao trabalhar em uma conexão ruim ou distante com um Servidor SSH ou Codespace.

Esta versão adiciona um modo de "eco local" ao terminal, que tenta prever modificações e movimentos do cursor feitos localmente e mostrá-los na IU sem exigir uma viagem de ida e volta ao servidor. Por padrão, os caracteres previstos aparecem como "esmaecidos":

Existem duas configurações que você pode usar para definir isso:

• terminal.integrated.localEchoLatencyThreshold configura o limite de atraso detectado, em milissegundos, no qual o eco local será ativado. Isso pode ser definido para 0 para ativar o recurso o tempo todo, ou -1 para desativá-lo. Padrões para 30.
• terminal.integrated.localEchoStyle configura o estilo ou cor do caractere local, o padrão é escuro.

IntelliSense

Sugestões redimensionáveis

Neste marco, fizemos várias melhorias na IU de sugestões. Em primeiro lugar, agora ele pode ser redimensionado. Arraste os lados ou cantos para redimensionar o controle.

Tema: GitHub Light, Fonte: FiraCode

O tamanho da lista de sugestões será salvo e restaurado nas sessões. O tamanho do painel de detalhes só é salvo por sessão, pois esse tamanho tende a ser mais variável. Também o editor.suggest.maxVisibleSuggestions configuração tornou-se obsoleta.

Barra de status para sugestões

O controle de sugestões agora também pode mostrar sua própria barra de status na parte inferior da janela. Habilite-o usando o editor.suggest.showStatusBar configuração. Isso torna a alternância de detalhes mais simples e mostra se uma conclusão oferece suporte à inserção, substituição ou ambos.

Tema: GitHub Light, Fonte: FiraCode

No exemplo acima, selecionar "Inserir" resulta em Math.floorceil e selecionar "Substituir" resulta em Math.floor.

O novo editor.suggest.insertMode A configuração permite que você defina se prefere inserir ou substituir. Quando uma sugestão oferece suporte a ambos, sua preferência será a padrão.

Mova o cursor para selecionar as sugestões

Por último, mas não menos importante, agora você pode mover o cursor enquanto as sugestões são exibidas. Por exemplo, você pode acionar sugestões no final de uma palavra, mover para a esquerda para ver mais sugestões e usar substituir para substituir a palavra.

Tema: GitHub Light

Emmet

Trechos personalizados em Emmet estão de volta. Além disso, os trechos agora são atualizados automaticamente ao salvar o arquivo de trechos ou atualizar o emmet.extensionsPath configuração.

Fonte de controle

A caixa de entrada Source Control salva o histórico de mensagens de commit

Isso aborda um pedido de recurso para navegar no histórico de commits de SCM. pressione ↑ (Windows, Linux Acima) e ↓ (Windows, Linux Baixa) para exibir os commits anteriores e seguintes, respectivamente. Para mover diretamente para a primeira e última posição da caixa de entrada, pressione Alt em conjunto com a tecla de seta correspondente.

Git: comandos de tag no submenu

Comandos Git relacionados a tags foram adicionados ao ... Menu Git.

Git: comando Rebase

Um novo Git: Rebase branch ... foi adicionado o comando que permite realocar uma ramificação usando a IU.

Git: comando clone recursivo

Com o Git: Clone (recursivo) comando, agora você pode clonar recursivamente repositórios Git, incluindo seus submódulos Git aninhados.

Linha do tempo: renderização de shortcode emoji

Agora renderizamos códigos de atalho de emoji, como :sorriso:, na visualização da linha do tempo.

línguas

Markdown smart select

Expanda e reduza a seleção em documentos Markdown usando os seguintes novos comandos:

• Expandir: ⌃⇧⌘→ (Windows, Linux Shift + Alt + Direita)
• Encolher: ⌃⇧⌘← (Windows, Linux Shift + Alt + Esquerda)

A seleção se aplica ao seguinte e segue um padrão hierárquico tradicional:

• Cabeçalhos
• Listas
• Citações em bloco
• Blocos de código cercados
• Blocos de código HTML
• Parágrafos

Opção de formatação de chave vazia para JavaScript e TypeScript

O novo javascript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces e typescript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces A opção de configuração de formatação controla se os espaços são inseridos entre colchetes vazios. O valor padrão para essas configurações é verdadeiro. Por exemplo, para o JavaScript:

classe Foo {doFoo () {} }

Configuração "javascript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces": false e a formatação do código resulta em:

class Foo {doFoo () {} // Observe que o espaço foi removido. }

Suporte de navegador

Baixar pastas (Edge, Chrome)

Aproveitando o novo Acesso ao sistema de arquivos API, VS Code em execução em um navegador agora pode oferecer uma ação de download para pastas do File Explorer para baixar todos os arquivos e pastas para o disco.

Observação: Isso requer uma versão recente do Microsoft Edge ou Google Chrome.

Notificação de espaço de trabalho aberto

Se você abrir uma pasta que contém .code-workspace arquivos no nível superior, você verá uma notificação solicitando que você os abra. Esse sempre foi o caso no VS Code para desktop e agora funcionará no navegador também.

Impedir fechamento acidental

Uma nova configuração window.confirmBeforeClose foi adicionado para mostrar uma caixa de diálogo de confirmação antes de fechar ou sair do ambiente de trabalho.

Os valores possíveis são:

• keyboardOnly A confirmação só será exibida quando você usar um atalho de teclado para fechar (por exemplo, ⌘W (Windows, Linux Ctrl + W)). (predefinição)
• sempre: A caixa de diálogo de confirmação sempre será exibida, mesmo se você fechar com um gesto do mouse.
• nunca: A confirmação nunca será mostrada.

Observação: Esta configuração pode não abranger todos os casos. Os navegadores ainda podem decidir fechar uma guia ou janela sem confirmação.

Contribuições para extensões

Solicitações e problemas de pull do GitHub

O trabalho continua no Solicitações e problemas de pull do GitHub extensão, que permite trabalhar, criar e gerenciar solicitações e problemas de pull.

Para saber mais sobre todos os novos recursos e atualizações, você pode ver o completo changelog para 0.22.0 liberação da extensão.

Desenvolvimento Remoto

O trabalho continua no Extensões de desenvolvimento remoto, que permitem que você use um contêiner, máquina remota ou o Subsistema Windows para Linux (WSL) como um ambiente de desenvolvimento completo.

Os destaques de recursos em 1.51 incluem:

• Capacidade de persistir / reconectar a sessões de terminal.
• Experiência de encaminhamento de porta aprimorada.

Você pode aprender sobre os novos recursos de extensão e correções de bugs no Notas de versão de desenvolvimento remoto.

Recursos de visualização

Os recursos de visualização não estão prontos para lançamento, mas são funcionais o suficiente para uso. Agradecemos seus comentários iniciais enquanto eles estão em desenvolvimento.

Sincronização de configurações

A sincronização de configurações agora sincroniza o estado global das extensões. As extensões terão que fornecer o estado para sincronizar usando o recém-introduzido setKeysForSync API.

Lembre-se de credenciais de proxy

Estamos revisando a caixa de diálogo de login que mostra quando uma conexão de rede requer autenticação com um proxy. Uma nova configuração, window.enableExperimentalProxyLoginDialog: true, habilitará essa nova experiência que planejamos tornar padrão em uma versão futura.

Tema: GitHub Light

A caixa de diálogo aparecerá dentro da janela do VS Code e oferecerá uma maneira de lembrar as credenciais para que você não precise fornecê-las cada vez que iniciar o VS Code. As credenciais serão armazenadas no armazenamento de credenciais padrão do sistema operacional (keychain no macOS, Windows Credential Manager no Windows e gnome keyring no Linux).

Ainda mostramos esta caixa de diálogo apenas uma vez por sessão, mas podemos revisar esta decisão no futuro. Você verá a caixa de diálogo aparecer novamente caso as credenciais que você selecionou para serem lembradas não sejam válidas. Fornecê-los novamente permite que você os altere.

Ative essa opção e nos informe se algo não funcionar como esperado por meio de nosso rastreador de problemas.

Suporte a TypeScript 4.1 beta

VS Code suporta o TypeScript 4.1 beta e construções noturnas. A atualização 4.1 traz alguns novos recursos da linguagem TypeScript, como suporte para tipos condicionais recursivos, bem como melhorias de ferramentas. Uma área de foco foi adicionando suporte inicial para @Vejo tags em comentários JSDoc.

Para começar a usar as compilações noturnas do TypeScript 4.1, basta instalar o Extensão Nightly TypeScript. Compartilhe seu feedback e nos informe se você encontrar algum bug no TypeScript 4.1.

Autoria de extensão

Amostras de extensão atualizadas

Nós atualizamos alguns de nossos amostras de extensão para incluir estilos padrão do Código VS que são vinculados aos tokens de tema de cores. Isso significa que os elementos comuns (texto, botões, entradas) terão um tema e corresponderão aos estilos padrão do produto. Abaixo estão as extensões que incluem:

• custom-editor-sample
• webview-sample
• webview-view-sample

Codicon cores em árvores

Com a finalização do ThemeIcon API de cor, os autores de extensão podem usar cores de tema em códigos em visualizações de árvore personalizadas.

Sincronizar estado global

As extensões agora podem sincronizar seu estado global, fornecendo as chaves, cujos valores devem ser sincronizados quando a Sincronização de configurações estiver habilitada, usando o recém-introduzido setKeysForSync API em globalState lembrança.

/ ** * Defina as chaves cujos valores devem ser sincronizados entre os dispositivos ao sincronizar dados do usuário * como configuração, extensões e lembranças. * * Observe que esta função define todo o conjunto de chaves cujos valores são sincronizados: * - chamá-lo com um array vazio interrompe a sincronização para este memento * - chamá-lo com um array não vazio substitui todas as chaves cujos valores são sincronizados * * Para qualquer conjunto de chaves, esta função precisa ser chamada apenas uma vez, mas não há problema em * chamá-la repetidamente. * * @param keys O conjunto de chaves cujos valores são sincronizados. */ setKeysForSync (keys: string []): void;

Comente as extensões agora podem controlar a visibilidade do botão de resposta em um tópico de comentários com uma nova propriedade, CommentThread # canReply. Quando está definido para falso, os usuários não verão o botão de resposta ou a caixa de comentário no tópico de comentários.

APIs de extensão propostas

Cada marco vem com novas APIs propostas e os autores de extensão podem testá-las. Como sempre, queremos seu feedback. Isso é o que você deve fazer para experimentar uma API proposta:

• Você deve usar o Insiders porque as APIs propostas mudam com frequência.
• Você deve ter esta linha no package.json arquivo de sua extensão: "enableProposedApi": true.
• Copie a última versão do vscode.proposed.d.ts arquivo no local de origem do seu projeto.

Você não pode publicar uma extensão que usa uma API proposta. Pode haver alterações importantes na próxima versão e nunca queremos interromper as extensões existentes.

Provedores de intervalo de dobramento mudam o evento

Os provedores de faixas de dobra podem sinalizar para o editor que as faixas de dobra precisam ser atualizadas usando o onDidChangeFoldingRanges evento.

Para obter mais detalhes e fornecer feedback, use edição # 108929.

APIs de senha

Como parte do trabalho contínuo em Provedores de autenticação, introduzimos a API para armazenar e recuperar informações confidenciais. Internamente, isso atua como um envoltório do keytar biblioteca que o VS Code usa para armazenar segredos.

/ ** * Recupera uma senha que foi armazenada com a chave. Retorna indefinido se * não houver nenhuma senha que corresponda a essa chave. * @param key A chave em que a senha foi armazenada. */ função de exportação getPassword (chave: string): Thenable; / ** * Armazena uma senha em uma determinada chave. * @param key A chave para armazenar a senha em * @param value A senha * / função de exportação setPassword (chave: string, valor: string): Thenable; / ** * Remova uma senha do armazenamento. * @param key A chave em que a senha foi armazenada. */ função de exportação deletePassword (chave: string): Thenable; / ** * Dispara quando uma senha é definida ou excluída. */ export const onDidChangePassword: Event;

Engenharia

Tornando VS Code Trusted Types compatível

Continuamos o esforço para tornar o VS Code "Trusted Types" compatível. O objetivo é evitar vulnerabilidades de cross site scripting baseadas em DOM. Você pode aprender mais sobre os tipos confiáveis ​​em web.dev Site de tipos confiáveis e acompanhar nosso progresso em edição # 103699.