Este artigo apresenta o Visual Studio Code (VS Code) em detalhes, incluindo instalação, uso com leitores de tela e navegação completa pelo editor, com foco específico na acessibilidade para pessoas com deficiência.

Apresentação

Neste artigo, vamos conhecer em detalhes o Visual Studio Code, um editor de código que se tornou uma ferramenta essencial para pessoas programadoras de todos os níveis. Se você está começando a programar agora ou já tem alguma experiência, este texto vai te ajudar a entender como o VS Code funciona e como ele pode ser usado por pessoas com deficiência visual, sobretudo as que utilizam leitores de tela como o NVDA.

Serão explorados tópicos como a instalação do VS Code em diferentes sistemas operacionais (Windows, Linux e macOS), a navegação básica pelo editor utilizando o NVDA, e uma visão geral dos principais componentes do VS Code, incluindo a Barra de Atividades, o Marco Principal e a Barra de Status.

A ideia é que ao final do artigo a pessoa seja capaz de trabalhar com o VS Code para iniciar seus projetos de programação, aproveitando todos os recursos que o editor oferece. Além disso, pretende-se mostrar como o VS Code pode ser uma ferramenta acessível e eficiente para pessoas com deficiência visual também começarem a programar.

O Visual Studio Code, ou VS Code para abreviar, é um programa criado pela Microsoft em 2015 para escrever códigos. Ele ficou muito famoso e virou o favorito de desenvolvedores do mundo inteiro, principalmente porque é fácil de usar e tem muitos benefícios.

Alguns desses benefícios são:

  • Grátis e aberto: Você pode usar o VS Code sem pagar nada, seja para estudar ou trabalhar. O código do programa também está disponível para qualquer um ver e ajudar a melhorar.
  • Funciona em qualquer computador: Dá para instalar no Windows, Mac ou Linux e ele vai funcionar igual em todos.
  • Tem muitas extensões: Você pode adicionar várias ferramentas e funções ao VS Code, como novos temas, suporte para outras linguagens e recursos extras, tudo pegando direto de uma loja de extensões.
  • Trabalha junto com o Git: Fica fácil mexer com versões do seu código, ver o que mudou e usar comandos do Git sem sair do editor.
  • Terminal dentro do editor: Você pode abrir uma janela de terminal no próprio VS Code, facilitando ainda mais o trabalho sem precisar ficar trocando de programa.
  • Depuração fácil: É fácil encontrar e corrigir erros no código, muitas vezes só instalando uma extensão.
  • Acessível: O VS Code possui uma boa acessibilidade, funcionando bem com leitores de tela como NVDA, VoiceOver e Orca, o que é ótimo para pessoas com deficiência visual.

Por que o VS Code é excelente para começar a programar

  • Fácil de usar: A tela do programa é simples e fácil de entender, então quem está começando não fica perdido. Tem muita gente usando e vários tutoriais em português que ajudam quando você tem dúvidas.
  • Acompanha seu progresso: Dá para começar usando só o básico. Quando aprender mais, pode instalar coisas novas e deixar o programa ainda melhor, sem precisar trocar de editor depois que ficar mais experiente.
  • Usado em empresas: O VS Code não serve só para aprender. Muitas empresas grandes também usam ele no trabalho.
  • Funciona com várias linguagens: Seja qual for a linguagem que você escolher, como Python, JavaScript, Java, C++, Go e outras, o VS Code tem opções para te ajudar. Não precisa mudar de programa cada vez que aprender algo novo.
  • Roda em quase todo computador: Você não precisa de um computador super moderno ou potente para usar o VS Code. Ele é leve e não pesa no seu PC, claro que se você instalar muitas extensões ele pode ficar mais pesado, mas ainda assim funciona bem na maioria dos computadores em projetos simples e médios.

Instalação do VS Code

A instalação do VS Code é simples e rápida. Você pode baixar o programa diretamente do site oficial: https://code.visualstudio.com/.

Windows

Depois de baixar o programa, abra a pasta onde ficam seus downloads usando o Explorador de Arquivos do computador. Lá, procure pelo arquivo de instalação, que normalmente tem um nome parecido com “VSCodeSetup-x64-1.61.2.exe” (o número pode ser diferente).

Para instalar, siga estes passos:

  • Abrir o instalador: Clique com o botão direito do mouse no arquivo ou pressione Shift + F10. No menu que aparecer, escolha a opção "Executar como administrador" e pressione Enter.
  • Use as teclas Alt + N para ir para a próxima etapa e siga as instruções que aparecem na tela.
  • Quando aparecer os termos de uso, pressione Alt + A para aceitar.
  • Pressione Alt + N novamente para continuar.
  • Para começar a instalar, pressione Alt + I.

Quando acabar a instalação, o Visual Studio Code vai aparecer no menu Iniciar do computador, e também vai ter um ícone na área de trabalho. Para abrir, aperte a tecla Windows, digite “Visual Studio Code” e pressione Enter.

Linux

No Ubuntu e outras distribuições baseadas em Debian, você pode instalar o VS Code de duas formas: usando o gerenciador de pacotes Snap ou baixando o pacote .deb diretamente do site.

Opção 1: Instalação via Snap (mais simples)

Abra o terminal pressionando Ctrl + Alt + T e digite o seguinte comando:

sudo snap install code --classic

Digite sua senha quando solicitado e pressione Enter. Aguarde a instalação terminar.

Opção 2: Instalação via pacote .deb

Para instalar, siga estes passos:

  1. Baixe o arquivo .deb do site oficial: https://code.visualstudio.com/
  2. Abra o terminal na pasta de Downloads:
    • Pressione Ctrl + Alt + T para abrir o terminal
    • Digite o comando abaixo para ir até a pasta de Downloads e pressione Enter:
    cd ~/Downloads
  3. Instale o pacote com o comando:
    sudo dpkg -i code_*.deb
    Esse comando vai funcionar para qualquer versão do VS Code, pois usa o caractere curinga * no nome do arquivo.
  4. Se aparecer algum erro de dependências, execute:
    sudo apt install -f
    Esse comando instala as dependências que faltam para o VS Code funcionar corretamente.
Para abrir o VS Code:
  • Pressione a tecla Super (tecla do Windows), digite "Visual Studio Code" ou "Code" e pressione Enter
  • Ou abra o terminal e digite code . e pressione Enter
  • Dica: Se você navegar até a pasta do seu projeto no terminal com o comando cd nome-da-pasta, ao digitar code . o VS Code vai abrir diretamente nessa pasta do projeto.

macOS

Para instalar com o VoiceOver, siga estes passos:

  1. Baixe o arquivo .zip do site oficial: https://code.visualstudio.com/ usando o Safari com VoiceOver ativado (Command + F5).
  2. Após o download ser concluído, o VoiceOver anunciará o término do download. Pressione Command + Option + L para ir até a lista de marcadores do VoiceOver e encontre o item “Downloads”.
  3. Vamos abrir a pasta Downloads. Primeiro, aperte Command + Option + Shift + M para abrir o menu do aplicativo. Você vai ouvir “Menu Barra”. Agora, aperte a tecla de seta para baixo várias vezes até o VoiceOver dizer “Ir Para”. Quando ouvir “Ir Para”, aperte a tecla de seta para direita uma vez para abrir o submenu. Depois, continue apertando a tecla de seta para baixo até ouvir “Downloads”. Quando ouvir “Downloads”, aperte a tecla Enter e a pasta de Downloads vai abrir.
  4. Com o VoiceOver ativado, use Command + Option + setas direcionais para navegar pela lista de arquivos até localizar o arquivo VSCode-darwin-universal.zip.
  5. Para descompactar o arquivo, pressione Command + Option + Espaço para ativar a ação padrão (equivalente ao clique duplo), e o arquivo será descompactado automaticamente no mesmo diretório.
  6. Após a descompactação, o VoiceOver anunciará o novo item “Visual Studio Code”. Para movê-lo para a pasta Aplicativos:
    • Com o item selecionado, pressione Command + C para copiá-lo
    • Pressione Command + Shift + A para abrir a pasta Aplicativos
    • Pressione Command + V para colar
    • Alternativamente, você pode usar a opção de cópia/movimentação no menu de contexto pressionando Command + Option + Shift + M e depois selecionar “Copiar item” com as setas e Enter

Para abrir o VS Code com VoiceOver:

  • Pressione Command + Espaço para abrir o Spotlight
  • Digite “Visual Studio Code” e pressione Enter quando ouvir o VoiceOver anunciar o aplicativo
  • Ou abra a pasta Aplicativos pressionando Command + Shift + A e navegue com Command + Option + setas até ouvir “Visual Studio Code”, então pressione Command + Option + Espaço para abri-lo

Dica: Na primeira vez que abrir, o macOS pode mostrar um aviso de segurança. Quando o VoiceOver anunciar este aviso:

  1. Navegue até o botão “Abrir Mesmo Assim” usando Command + Option + setas
  2. Pressione Command + Option + Espaço para ativá-lo
  3. Na janela de confirmação, navegue até o botão “Abrir” e pressione Command + Option + Espaço novamente

Instalação via Homebrew (opcional)

Se você já usa o Homebrew (um programa de linha de comando que auxilia na instalação de outros programas no Mac via terminal), pode instalar o VS Code de um jeito mais simples:

  1. Primeiro, abra o Terminal no seu Mac. Você pode fazer isso pelo Spotlight: aperte Command + Espaço e digite “Terminal”.

  2. Quando o Terminal abrir, digite ou cole este comando:

brew install visual-studio-code
  1. Aperte Enter e aguarde a instalação terminar. O Homebrew vai fazer todo o trabalho de baixar e instalar o VS Code para você automaticamente.

VS Code com leitores de telas

O VS Code funciona bem com softwares leitores de tela, que são tecnologias assistivas para tornar possível o acesso ao computador por pessoas cegas ou com baixa visão.

Existem diferentes leitores de tela para cada tipo de sistema operacional:

  • NVDA: funciona no Windows e é gratuito
  • VoiceOver: já vem instalado nos computadores da Apple com macOS
  • Orca: funciona em computadores com Linux na interface gráfica GNOME

Cada leitor de telas além de estar sujeito as características do sistema operacional no qual funciona, também tem suas particularidades. Cada um vai ter comandos diferentes para navegar e interagir com o VS Code, mas a interação deles com o editor existe, não é um software inacessível.

Neste artigo, vamos mostrar como usar o VS Code com o NVDA no Windows, pois essa é uma combinação muito comum e gratuita, além disso, essa é uma decisão tomada para que o texto não fique grande demais. Se você usa Mac ou Linux, muitas das dicas são parecidas, mas alguns comandos podem ser diferentes.

Futuramente pretendemos criar artigos específicos para o uso do VS Code com VoiceOver no macOS e Orca no Linux, mas enquanto isso, a dica é observar as instruções deste artigo para o NVDA e buscar os comandos equivalentes no seu leitor de telas e sistema operacional.

Primeira vez abrindo o VS Code com NVDA

Assim como acontece no Windows, aqui você também navega usando principalmente o teclado, em vez do mouse. No começo, isso pode parecer um pouco difícil, mas, com o tempo e a prática, fica mais fácil e rápido de usar.

É bom ter uma noção básica de como o NVDA funciona e já ter usado esse leitor de tela no Windows, de preferência na versão 11, para conseguir aproveitar melhor o programa.

  • Ao abrir o programa pela primeira vez, pode ser exibida uma tela de boas-vindas ou de notas sobre atualizações.
  • Para fechar a tela de boas-vindas:
    • Pressione Ctrl + W para fechar a guia atual.
    • Para saber se a guia foi fechada, pressione Insert + Tab. Se o NVDA falar “grupo 1 do editor vazio seção com foco”, isso quer dizer que não tem mais nenhuma aba aberta.
  • Se quiser explorar (conhecer) a tela de boas-vindas, use as setas do teclado para navegar pelas opções, Enter para selecionar algum link ou botão, e Tab para ir para o próximo elemento interativo (como botões, links, campos de texto).

Diferente de quem enxerga e já vê o programa todo de uma vez, a pessoa cega que usa leitor de tela acessa o programa por partes. Ela só consegue ouvir uma parte de cada vez, porque ouvir é sempre em sequência, diferente da visão, que mostra tudo ao mesmo tempo em lugares diferentes da tela.

O VS Code tem partes diferentes que ajudam a organizar a tela:

  • Barra de Atividades: Fica do lado esquerdo da tela e tem ícones para acessar coisas como arquivos, busca (onde você pode procurar texto dentro dos arquivos), controle de versão (git), extensões (que você pode instalar para adicionar funcionalidades ao VS Code) e mais.
  • Marco Principal: É a área maior do editor e fica no meio da tela onde você escreve e faz a leitura do código. Pode ter várias abas abertas aqui (essas abas também podem ser chamadas de guias), cada uma com um arquivo diferente.
  • Barra de Status: Fica na parte de baixo da tela e mostra informações importantes, como a linguagem do código que você está escrevendo, se tem algum erro, o número da linha onde você está, entre outras coisas.

Para navegar entre essas partes com o NVDA, você pode usar as seguintes teclas:

  • Pressione F6 para ir para a próxima área (Barra de Atividades, Marco Principal, Barra de Status). A cada vez que você aperta F6, o foco (a parte que você está ouvindo) muda para a próxima área.
    • Barra de Status: O NVDA dirá “Barra de Status nenhum problema botão” se não houver problemas no código e se não tiver nenhuma notificação para ser lida.
    • Barra de Atividades: O NVDA dirá “seletor de exibição ativo guia” quando o foco estiver na Barra de Atividades.
    • Marco Principal: O NVDA dirá “principal marco 1 de grupo do editor vazio seção” isso indica que você está na área onde escreve o código e que não tem nenhuma aba aberta no momento. Se tiver uma aba aberta, o NVDA dirá o nome do arquivo que está aberto.

Mais informações sobre essas partes e dicas de como passar por elas vão ser explicadas nas próximas seções deste texto.

Acessando menus no VS Code com NVDA

No topo do VS Code está a barra de menus, acessível por teclado através da tecla Alt.

Observação: As opções do menu estão escritas do jeito que o NVDA fala. Ele informa o nome da opção, a tecla de atalho (se houver) para acessá-la e a sua posição no menu (por exemplo, “1 de 8” significa que é a primeira de oito opções disponíveis).

Dito isso, as opções do menu são:

  • Arquivo submenu (Alt + A) 1 de 8
  • Editar submenu (Alt + D) 2 de 8
  • Seleção submenu (Alt + S) 3 de 8
  • Ver submenu (Alt + V) 4 de 8
  • Acessar submenu (Alt + C) 5 de 8
  • Executar submenu (Alt + E) 6 de 8
  • Terminal submenu (Alt + T) 7 de 8
  • Ajuda submenu (Alt + J) 8 de 8

A navegação entre opções pode ser feita pelas setas direcionais esquerda e direita, ou através das teclas de atalho, como Alt + A para o submenu Arquivo.

  1. Novo Arquivo de Texto (Ctrl + N) 1 de 22:
    Abre um novo arquivo de texto no editor de código.
  2. Novo Arquivo (Ctrl + Alt + Windows + N) 2 de 22:
    Abre um novo arquivo no editor de código, não necessariamente de texto.
  3. Nova Janela (Ctrl + Shift + N) 3 de 22:
    Abre uma nova janela do Visual Studio Code.
  4. Nova Janela com Perfil submenu 4 de 22:
    Abre uma nova janela do Visual Studio Code com um perfil específico. O perfil é uma configuração personalizada do VS Code que permite ter várias janelas do VS Code com diferentes configurações. Você pode ter um perfil para desenvolvimento web, outro para desenvolvimento mobile, outro para desenvolvimento de jogos, etc. Essa opção abre um submenu com as opções de perfis disponíveis. Se não existir nenhum perfil criado, ao pressionar seta para a direita nessa opção o NVDA dirá "novo perfil 1 de 1" e você poderá criar um novo perfil caso deseje. Se não quiser criar um novo perfil, pressione a seta para a esquerda e o NVDA dirá "nova janela com perfil submenu 4 de 22". Então você poderá continuar navegando pelas opções do submenu de Arquivo com a seta para baixo.
  5. Abrir o Arquivo... (Ctrl + O) 5 de 22:
    Abre um arquivo existente no editor de código.
  6. Abrir Pasta... (Ctrl + K Ctrl + O) 6 de 22:
    Abre uma pasta no explorador de arquivos. Observação: a forma de pressionar atalhos como Ctrl + K Ctrl + O é pressionar a primeira tecla no caso o Ctrl e em seguida pressionar a segunda tecla no caso o K e em seguida a terceira tecla no caso O.
  7. Abrir Workspace a partir do Arquivo... 7 de 22:
    Abre um workspace (espaço de trabalho) a partir de um arquivo, isso quer dizer que você pode abrir um arquivo e transformá-lo em um workspace. Um workspace é um conjunto de arquivos e pastas que você pode abrir e editar no VS Code. Por exemplo, você pode ter um workspace para um projeto de site, outro para um projeto de aplicativo, outro para um projeto de jogo, etc.
  8. Abrir Recente submenu 8 de 22:
    Abre um submenu com os arquivos e pastas abertos recentemente no VS Code. Para acessar o submenu Abrir Recente, pressione a seta para a direita e o NVDA dirá "Reabrir o editor fechado (Ctrl + Shift + T) 1 de 7". Isso significa que a primeira opção do submenu Abrir Recente é Reabrir o editor fechado, ou seja, reabrir o último arquivo fechado no VS Code. As outras opções do submenu Abrir Recente são outros arquivos e pastas abertos recentemente no editor de código e a última opção é "Limpar recentemente aberto" que limpa a lista de arquivos e pastas abertos recentemente. Se você pressionar a seta para baixo, o NVDA irá se mover para a próxima opção do submenu Abrir Recente até chegar na última opção. Se você pressionar a seta para a esquerda, o NVDA irá se mover de volta para as opções do menu Arquivo com o foco em "Abrir Recente submenu 8 de 22".
  9. Adicionar Pasta ao Workspace... 9 de 22:
    Adiciona uma pasta ao workspace. Isso quer dizer que você pode adicionar uma pasta ao workspace para que ela seja exibida no explorador de arquivos e você possa acessar os arquivos e pastas dessa pasta no VS Code.
  10. Salvar Workspace como... 10 de 22:
    Salva o workspace atual como um novo workspace. Isso quer dizer que você pode salvar o workspace atual com um novo nome e em um novo local.
  11. Duplique Espaço de Trabalho 11 de 22:
    Duplica o workspace atual. Isso quer dizer que você pode duplicar o workspace atual e trabalhar em uma cópia do workspace. Isso seria útil se você quisesse fazer alterações no workspace sem afetar o original.
  12. Salvar (Ctrl + S) 12 de 22:
    Salva o arquivo atual. Isso quer dizer que você pode salvar as alterações feitas no arquivo atual.
  13. Salvar Como... (Ctrl + Shift + S) 13 de 22:
    Salva o arquivo atual com um novo nome e em um novo local. Isso quer dizer que você pode salvar o arquivo atual com um nome diferente e em uma pasta diferente ou até mesmo em um novo formato.
  14. Salvar Tudo (Ctrl + K S) 14 de 22:
    Salva todos os arquivos abertos no editor de código. Isso quer dizer que você pode salvar todas as alterações feitas nos arquivos abertos de uma só vez. Isso é útil quando você tem vários arquivos abertos e deseja salvar as alterações em todos eles.
  15. Compartilhar submenu 15 de 22:
    Abre um submenu com opções para compartilhar, nesse submenu você pode exportar o perfil atual de configurações do VS Code e na segunda opção pode importar um perfil de configurações do VS Code.
  16. Salvamento Automático não marcado 16 de 22:
    Marca o salvamento automático do arquivo atual. Isso quer dizer que você pode ativar o salvamento automático para que o arquivo seja salvo automaticamente a cada alteração feita. Isso é útil para evitar a perda de dados em caso de falha de energia ou travamento do computador.
  17. Preferências submenu 17 de 22:
    Abre um submenu com opções de preferências do VS Code. Esse submenu pode ser acessado pressionando a seta para a direita na opção Preferências. As opções do submenu Preferências são:
    • Perfil (Padrão) submenu 1 de 9:
      Abre um submenu com opções de perfis de configurações do VS Code. O VS Code possui um perfil padrão que é o perfil de configurações padrão do editor de código. Nesse submenu você pode criar um novo perfil, editar um perfil existente, excluir um perfil, definir um perfil como padrão, importar um perfil, exportar um perfil, redefinir um perfil, redefinir todas as configurações e abrir o arquivo de configurações do perfil.
    • Configurações (Ctrl + ,) 2 de 9:
      Abre o arquivo de configurações do VS Code. Nesse arquivo você pode definir as configurações do editor de código, como a cor do tema, o tamanho da fonte, a indentação, a codificação, preferências de acessibilidade etc.
    • Extensões (Ctrl + Shift + X) 3 de 9:
      Abre a guia de extensões do VS Code. Nessa guia você pode buscar e instalar extensões para o editor de código, como temas, snippets, linters, debuggers, entre outras.
    • Atalhos de Teclado (Ctrl + K Ctrl + S) 4 de 9:
      Abre a lista de atalhos de teclado do VS Code. Nessa lista você pode ver todos os atalhos de teclado disponíveis no editor de código e também pode pesquisar por atalhos específicos. Isso é útil para memorizar os atalhos de teclado mais utilizados e para se tornar mais produtivo no VS Code.
    • Configurar snippets 5 de 9:
      Serve para configurar snippets no VS Code. Snippets são pedaços de código que podem ser inseridos no editor de código com um atalho de teclado. Por exemplo, você pode criar um snippet para inserir um bloco de código HTML, um bloco de código CSS, um bloco de código JavaScript, etc. Isso é útil para economizar tempo e digitar menos código manualmente.
    • Tarefas 6 de 9:
      Abre a lista de tarefas do VS Code. Nessa lista você pode criar e gerenciar tarefas, como a execução de scripts, a compilação de código, a execução de testes, entre outras. Isso é útil para automatizar tarefas repetitivas e para aumentar a produtividade no VS Code.
    • Temas submenu 7 de 9:
      Abre um submenu com opções de temas do VS Code. Nesse submenu você pode escolher tema de cores (Ctrl + K Ctrl + T), tema de ícone de arquivo e tema do ícone do produto. O tema de cores é a cor do editor de código (é aqui que você pode escolher um tema de alto contraste, Dark, Light, etc), o tema de ícone de arquivo é o ícone que é exibido ao lado do nome do arquivo no explorador de arquivos e o tema do ícone do produto é o ícone do VS Code que é exibido na barra de tarefas do Windows.
    • Configurações de Backup e Sincronização 8 de 9:
      Abre as configurações de backup e sincronização do VS Code. Nesse menu você pode configurar o backup e a sincronização das configurações do VS Code. Isso é útil para manter as configurações do editor de código sincronizadas entre diferentes computadores e para fazer backup das configurações em caso de perda de dados.
    • Configurações de Serviços Online 9 de 9:
      Abre as configurações de serviços online do VS Code. Nesse menu você pode configurar os serviços online do VS Code, como a integração com o GitHub, o Azure, o Docker, entre outros. Isso é útil para integrar o VS Code com serviços online e para facilitar o desenvolvimento de aplicativos e sites.
  18. Reverter Arquivo 18 de 22:
    Reverte o arquivo atual para a última versão salva. Isso quer dizer que se você fez alterações no arquivo e não quer salvá-las, você pode reverter o arquivo para a última versão salva.
  19. Fechar o Editor (Ctrl + F4) 19 de 22:
    Fecha o editor de código. Isso quer dizer que você pode fechar o arquivo e o editor de código.
  20. Fechar Pasta (Ctrl + K F) 20 de 22:
    Fecha a pasta aberta no explorador de arquivos. Isso quer dizer que você pode fechar a pasta e o explorador de arquivos.
  21. Fechar Janela (Alt + F4) 21 de 22:
    Fecha a janela do Visual Studio Code. Isso quer dizer que você pode fechar a janela do VS Code.
  22. Sair 22 de 22:
    Fecha o Visual Studio Code.

Para sair do submenu Arquivo, pressione a tecla Esc e o NVDA dirá "Arquivo submenu (Alt + A) 1 de 8" isso significa que o foco voltou para o menu Arquivo e você pode continuar navegando pelas opções do menu com a seta para a direita.

  1. Desfazer (Ctrl + Z) 1 de 12:
    Reverte a última ação realizada no editor de código. Por exemplo se você deletou um bloco de código e quer recuperá-lo, você pode pressionar Ctrl + Z para desfazer a ação.
  2. Refazer (Ctrl + Y) 2 de 12:
    Refaz a última ação desfeita no editor de código. Por exemplo se você se arrependeu de desfazer uma ação, você pode pressionar Ctrl + Y para refazer a ação.
  3. Recortar (Ctrl + X) 3 de 12:
    Recorta o texto selecionado no editor de código e o coloca na área de transferência.
  4. Copiar (Ctrl + C) 4 de 12:
    Copia o texto selecionado no editor de código e o coloca na área de transferência.
  5. Colar (Ctrl + V) 5 de 12:
    Cola o conteúdo da área de transferência na posição do cursor dentro do editor de código.
  6. Localizar (Ctrl + F) 6 de 12:
    Abre a caixa de diálogo de localizar no editor de código. Nessa caixa de diálogo você pode buscar por um texto específico no arquivo.
  7. Substituir (Ctrl + H) 7 de 12:
    Abre a caixa de diálogo de substituir no editor de código. Nessa caixa de diálogo você pode substituir um texto específico por outro no arquivo atual.
  8. Localizar nos Arquivos... (Ctrl + Shift + F) 8 de 12:
    Abre a busca global no VS Code, permitindo localizar texto em todos os arquivos do projeto.
  9. Substituir nos Arquivos... (Ctrl + Shift + H) 9 de 12:
    Abre a barra de busca e substituição global, permitindo localizar e substituir texto em todos os arquivos do projeto. Isso é útil para fazer a mesma alteração em vários arquivos ao mesmo tempo.
  10. Ativar/Desativar o Comentário de Linha (Ctrl + ;) 10 de 12:
    Comenta ou descomenta a linha atual no editor de código. Isso é útil para adicionar comentários ao código e para desativar temporariamente uma linha de código.
  11. Ativar/Desativar o Comentário de Bloco (Shift + Alt + A) 11 de 12:
    Comenta ou descomenta o bloco de código selecionado no editor de código. Isso é útil para adicionar comentários a um bloco de código e para desativar temporariamente um bloco de código.
  12. Emmet: Expandir Abreviação (Tab) 12 de 12:
    Expande a abreviação do Emmet no editor de código. O Emmet é um conjunto de abreviações que permitem escrever código HTML e CSS de forma mais rápida e eficiente. Por exemplo, você pode digitar "html:5" e pressionar Tab para expandir a abreviação em um esqueleto de documento HTML5. Isso é útil para escrever código HTML e CSS mais rapidamente.

Para sair do submenu "Editar", pressione a tecla Esc, e o NVDA dirá "Editar submenu (Alt + D) 2 de 8", indicando que o foco voltou para o menu "Editar". A partir daí, você pode continuar navegando pelas outras opções do menu usando a seta para a direita ou para a esquerda.

  1. Selecionar Tudo (Ctrl + A) 1 de 16:
    Seleciona todo o texto no editor de código. Se você tiver um arquivo aberto no VS Code e quiser selecionar todo o texto, você pode pressionar Ctrl + A para selecionar todo o texto.
  2. Expandir a Seleção (Shift + Alt + Seta para a direita) 2 de 16:
    Expande a seleção para a direita no editor de código. Isso quer dizer que se você tiver um texto selecionado e quiser expandir a seleção para a direita, você pode pressionar Shift + Alt + Seta para a direita que ele vai selecionando palavra por palavra no texto no sentido da seta para a direita.
  3. Reduzir a Seleção (Shift + Alt + Seta para a esquerda) 3 de 16:
    Reduz a seleção para a esquerda no editor de código. Isso quer dizer que se você tiver um texto selecionado e quiser reduzir a seleção para a esquerda, você pode pressionar Shift + Alt + Seta para a esquerda que ele vai desselecionando palavra por palavra no texto no sentido da seta para a esquerda.
  4. Copiar Linha para Cima (Shift + Alt + Seta para cima) 4 de 16:
    Copia a linha atual para cima no editor de código. Isso quer dizer que se você tiver o cursor em uma linha e quiser copiar essa linha para cima, você pode pressionar Shift + Alt + Seta para cima.
  5. Copiar Linha para Baixo (Shift + Alt + Seta para baixo) 5 de 16:
    Copia a linha atual para baixo no editor de código. Isso quer dizer que se você tiver o cursor em uma linha e quiser copiar essa linha para baixo, você pode pressionar Shift + Alt + Seta para baixo.
  6. Mover Linha para Cima (Alt + Seta para cima) 6 de 16:
    Move a linha atual para cima no editor de código. Isso significa que se você estiver com o cursor em uma linha e quiser mover essa linha para cima, você pode pressionar Alt + Seta para cima.
  7. Mover Linha para Baixo (Alt + Seta para baixo) 7 de 16:
    Move a linha atual para baixo no editor de código. Isso significa que se você estiver com o cursor em uma linha e quiser mover essa linha para baixo, você pode pressionar Alt + Seta para baixo.
  8. Duplicar a Seleção 8 de 16:
    Duplica a seleção atual, criando uma cópia exatamente abaixo da seleção original. Isso é útil para duplicar um bloco de código ou uma linha de código no editor.
  9. Adicionar Cursor Acima (Ctrl + Alt + Seta para cima) 9 de 16:
    Adiciona um novo cursor na linha acima da posição atual do cursor, útil para edição em múltiplas linhas ao mesmo tempo.
  10. Adicionar Cursor Abaixo (Ctrl + Alt + Seta para baixo) 10 de 16:
    Adiciona um novo cursor na linha abaixo da posição atual do cursor. Lembrando que Seta para baixo é a tecla de seta direcional para baixo.
  11. Adicionar Cursores nas Extremidades da Linha (Shift + Alt + I) 11 de 16:
    Adiciona cursores em todas as extremidades de linhas dentro da seleção atual, permitindo edição simultânea.
  12. Adicionar Próxima Ocorrência (Ctrl + D) 12 de 16:
    Seleciona a próxima ocorrência do texto ou código selecionado atualmente, permitindo edição em múltiplas ocorrências.
  13. Adicionar Ocorrência Anterior 13 de 16:
    Seleciona a ocorrência anterior do texto ou código selecionado, similar à opção anterior, mas navegando para cima.
  14. Selecionar Todas as Ocorrências (Ctrl + Shift + L) 14 de 16:
    Seleciona todas as ocorrências do texto ou código selecionado no documento atual. Isso é útil para edição em múltiplas ocorrências ao mesmo tempo. Por exemplo, se você quiser alterar todas as ocorrências de uma palavra em um arquivo, você pode selecionar a palavra e pressionar Ctrl + Shift + L para selecionar todas as ocorrências da palavra no arquivo.
  15. Alternar para Ctrl + Clique para Múltiplos Cursores 15 de 16:
    Ativa ou desativa o modo de múltiplos cursores usando o comando Ctrl + Clique. Com isso ativado, você pode clicar em diferentes locais no documento e criar múltiplos cursores para edição simultânea.
  16. Modo de Seleção de Coluna 16 de 16:
    Habilita o modo de seleção de coluna, que permite selecionar conteúdo em uma área retangular de texto, em vez de selecionar linha por linha.

  1. Paleta de Comandos... (Ctrl + Shift + P) 1 de 14:
    Abre a paleta de comandos, onde você pode digitar para acessar rapidamente qualquer comando ou configuração do VS Code.
  2. Abrir o Modo de Exibição... 2 de 14:
    Abre um submenu onde você pode selecionar diferentes modos de exibição no VS Code, como o terminal integrado ou o depurador.
  3. Aparência 3 de 14:
    Abre um submenu onde você pode ajustar a aparência do VS Code, incluindo opções para alternar o tema de cores, o layout de ícones e outros elementos visuais.
  4. Layout do Editor 4 de 14:
    Abre um submenu que permite ajustar a disposição das janelas do editor, como dividir a tela em várias partes ou alterar o layout dos painéis.
  5. Explorador (Ctrl + Shift + E) 5 de 14:
    Abre ou foca no explorador de arquivos, onde você pode navegar pelas pastas e arquivos do seu projeto.
  6. Pesquisar (Ctrl + Shift + F) 6 de 14:
    Abre a barra de pesquisa global, permitindo que você busque texto em todos os arquivos do projeto.
  7. Controle do Código-Fonte (Ctrl + Shift + G) 7 de 14:
    Abre ou foca na visão de controle de código-fonte, onde você pode gerenciar versões, commits e outras ações de controle de versão (por exemplo, Git).
  8. Executar (Ctrl + Shift + D) 8 de 14:
    Abre ou foca no painel de execução, onde você pode iniciar depurações ou execuções de código.
  9. Extensões (Ctrl + Shift + X) 9 de 14:
    Abre o painel de extensões, onde você pode procurar, instalar, desinstalar ou gerenciar as extensões do VS Code.
  10. Problemas (Ctrl + Shift + M) 10 de 14:
    Abre o painel de problemas, que mostra erros, avisos e outras mensagens do código.
  11. Saída (Ctrl + Shift + U) 11 de 14:
    Abre o painel de saída, onde você pode ver as saídas de várias operações, como compilação ou logs de execução.
  12. Console de Depuração (Ctrl + Shift + Y) 12 de 14:
    Abre o console de depuração, onde você pode ver a saída do depurador e interagir com ele durante as sessões de depuração.
  13. Terminal (Ctrl + `) 13 de 14:
    Abre o terminal integrado, onde você pode executar comandos de shell diretamente no VS Code.
  14. Quebra de Texto (Alt + Z) 14 de 14:
    Alterna a quebra de linha no editor de código, permitindo que o texto ultrapasse o limite da tela ou seja quebrado em várias linhas.

  1. Voltar (Alt + Seta para a esquerda) 1 de 19:
    Navega para a última posição do cursor antes da mudança de contexto, permitindo que você retorne rapidamente à posição anterior no código.
  2. Avançar (Alt + Seta para a direita) 2 de 19:
    Refaz o movimento do cursor que foi desfeito com a opção "Voltar", navegando para a próxima posição.
  3. Localização da Última Edição (Ctrl + K Ctrl + Q) 3 de 19:
    Move o cursor para a última posição de edição no arquivo atual, permitindo que você retome rapidamente o trabalho onde parou.
  4. Alternar Editor 4 de 19:
    Abre um submenu onde você pode alternar entre diferentes editores abertos no VS Code.
  5. Alternar Grupo 5 de 19:
    Abre um submenu onde você pode alternar entre diferentes grupos de editores no VS Code.
  6. Ir para Arquivo... (Ctrl + P) 6 de 19:
    Abre um painel de busca onde você pode digitar para abrir rapidamente um arquivo no projeto atual.
  7. Ir para o Símbolo no Workspace... (Ctrl + T) 7 de 19:
    Abre um painel de busca onde você pode digitar para navegar até um símbolo (como uma função ou variável) em todo o workspace.
  8. Ir para Símbolo no Editor... (Ctrl + Shift + O) 8 de 19:
    Abre um painel de busca onde você pode digitar para navegar até um símbolo (como uma função ou variável) no arquivo atual.
  9. Ir para Definição (F12) 9 de 19:
    Move o cursor para a definição do símbolo (como uma função ou variável) atualmente selecionado.
  10. Ir para Declaração 10 de 19:
    Move o cursor para a declaração do símbolo atualmente selecionado.
  11. Ir para Definição de Tipo 11 de 19:
    Move o cursor para a definição do tipo do símbolo atualmente selecionado, útil em linguagens fortemente tipadas.
  12. Ir para Implementações (Ctrl + F12) 12 de 19:
    Navega para as implementações de uma interface ou classe abstrata.
  13. Ir para Referências (Shift + F12) 13 de 19:
    Exibe todas as referências do símbolo atualmente selecionado no projeto.
  14. Ir para Linha/Coluna... (Ctrl + G) 14 de 19:
    Abre uma caixa de diálogo onde você pode digitar o número da linha ou coluna para mover o cursor diretamente para essa posição.
  15. Ir para Colchetes (Ctrl + Shift + ]) 15 de 19:
    Move o cursor para o colchete correspondente mais próximo, como o de uma função ou bloco de código.
  16. Próximo Problema (F8) 16 de 19:
    Move o cursor para o próximo problema (erro ou aviso) no arquivo ou projeto.
  17. Problema Anterior (Shift + F8) 17 de 19:
    Move o cursor para o problema anterior no arquivo ou projeto.
  18. Próxima Alteração (Alt + F3) 18 de 19:
    Navega para a próxima alteração no arquivo, útil para revisão de mudanças em controle de versão.
  19. Alteração Anterior (Shift + Alt + F3) 19 de 19:
    Navega para a alteração anterior no arquivo. Ou seja, se você estiver em uma alteração e quiser voltar para a anterior, você pode pressionar Shift + Alt + F3.

  1. Iniciar a Depuração (F5) 1 de 17:
    Inicia o processo de depuração do código atualmente aberto no VS Code. Isso significa que o código será executado passo a passo, permitindo a inspeção de variáveis e o fluxo de execução.
  2. Executar sem Depuração (Ctrl + F5) 2 de 17:
    Executa o código sem iniciar a depuração. Isso permite rodar o código rapidamente sem parar em pontos de interrupção.
  3. Interromper a Depuração (Shift + F5) 3 de 17:
    Para o processo de depuração atual. Isso significa que a execução do código será interrompida e a depuração será finalizada.
  4. Reiniciar a Depuração (Ctrl + Shift + F5) 4 de 17:
    Reinicia o processo de depuração desde o início, mantendo as mesmas configurações e pontos de interrupção.
  5. Abrir as Configurações 5 de 17:
    Abre as configurações de depuração do projeto atual. Aqui, você pode ajustar as configurações específicas para a depuração do seu código.
  6. Adicionar Configuração... 6 de 17:
    Adiciona uma nova configuração de depuração ao projeto. Isso é útil para definir como o código será depurado em diferentes ambientes ou situações.
  7. Contornar (F10) 7 de 17:
    Avança para a próxima instrução de código sem entrar em funções. Isso é útil para passar por cima de chamadas de função sem entrar em seu código interno.
  8. Intervir (F11) 8 de 17:
    Entra na próxima instrução de código, incluindo funções. Isso permite ver o fluxo de execução dentro de funções chamadas.
  9. Sair (Shift + F11) 9 de 17:
    Sai da função atual e retorna ao código chamador. Isso é útil para concluir a depuração dentro de uma função e continuar a depuração no nível superior.
  10. Continuar (F5) 10 de 17:
    Continua a execução do código até que o próximo ponto de interrupção seja encontrado. Isso permite avançar rapidamente durante a depuração.
  11. Ativar/Desativar o Ponto de Interrupção (F9) 11 de 17:
    Alterna o ponto de interrupção na linha atual. Se um ponto de interrupção já estiver definido, ele será removido, e se não estiver, será adicionado.
  12. Novo Ponto de Interrupção 12 de 17:
    Abre um submenu onde você pode definir novos tipos de pontos de interrupção, como pontos de interrupção condicionais, de função, ou de exceção.
  13. Habilitar Todos os Pontos de Interrupção 13 de 17:
    Habilita todos os pontos de interrupção definidos no código atual.
  14. Desabilitar Todos os Pontos de Interrupção 14 de 17:
    Desabilita todos os pontos de interrupção definidos, permitindo a execução do código sem interrupções.
  15. Remover Todos os Pontos de Interrupção 15 de 17:
    Remove todos os pontos de interrupção definidos no código, limpando todas as interrupções.
  16. Instalar Depuradores Adicionais... 16 de 17:
    Abre uma opção para instalar depuradores adicionais, permitindo depuração em outras linguagens ou ambientes.
  17. Mostrar Configurações (Ctrl + ,) 17 de 17:
    Abre as configurações gerais do Visual Studio Code, permitindo ajustes nas preferências do editor.

  1. Novo Terminal (Ctrl + Shift + `) 1 de 14:
    Abre um novo terminal integrado no VS Code. Isso permite executar comandos de shell diretamente dentro do editor, sem precisar alternar para outro aplicativo.
  2. Dividir o Terminal (Ctrl + Shift + 5) 2 de 14:
    Divide o terminal atual em duas partes, permitindo que você trabalhe com dois terminais simultaneamente na mesma janela.
  3. Executar a Tarefa... 3 de 14:
    Abre uma lista de tarefas configuradas no VS Code para que você possa escolher e executar uma delas. Tarefas são scripts ou comandos que você pode configurar para automatizar processos.
  4. Executar Tarefa de Build... (Ctrl + Shift + B) 4 de 14:
    Executa a tarefa de build configurada para o projeto. Isso geralmente envolve a compilação do código ou a execução de scripts de build.
  5. Executar Arquivo Ativo 5 de 14:
    Executa o arquivo atualmente ativo no editor. Isso é útil para rapidamente rodar o código que você está editando sem precisar sair do editor.
  6. Executar Texto Selecionado 6 de 14:
    Executa o texto que está selecionado no editor como um comando no terminal. Isso é útil para testar rapidamente pequenas partes do código.
  7. Mostrar Tarefas em Execução... 7 de 14:
    Mostra todas as tarefas que estão atualmente em execução no VS Code. Você pode monitorar o progresso ou gerenciar as tarefas diretamente.
  8. Reiniciar Tarefa em Execução... 8 de 14:
    Reinicia uma tarefa que está atualmente em execução. Isso é útil se você precisar reexecutar uma tarefa sem precisar pará-la manualmente primeiro.
  9. Terminar a Tarefa... 9 de 14:
    Termina uma tarefa que está atualmente em execução. Isso é útil para interromper uma tarefa que não é mais necessária ou que está demorando muito para concluir.
  10. Configurar Tarefas... 10 de 14:
    Abre as configurações de tarefas, onde você pode definir, editar ou remover tarefas personalizadas que podem ser executadas no VS Code.
  11. Configurar Tarefa de Build Padrão... 11 de 14:
    Define a tarefa de build padrão para o projeto. Isso permite que você configure qual tarefa será executada quando você acionar um build rápido.

  1. Bem-vindo 1 de 17:
    Abre a página de boas-vindas do VS Code, que fornece informações introdutórias e atalhos úteis para novos usuários.
  2. Mostrar Todos os Comandos (Ctrl + Shift + P) 2 de 17:
    Abre a paleta de comandos, onde você pode digitar para acessar rapidamente qualquer comando ou configuração do VS Code.
  3. Documentação 3 de 17:
    Abre a documentação oficial do Visual Studio Code, onde você pode encontrar guias detalhados sobre o uso do editor.
  4. Editor Playground 4 de 17:
    Abre uma área de teste dentro do VS Code, onde você pode experimentar diferentes funcionalidades do editor sem afetar seu código real.
  5. Mostrar Notas de Versão 5 de 17:
    Abre as notas de versão mais recentes do VS Code, mostrando as mudanças, correções e novos recursos introduzidos nas atualizações.
  6. Referência de Atalhos do Teclado (Ctrl + K Ctrl + R) 6 de 17:
    Abre uma referência completa de todos os atalhos de teclado disponíveis no VS Code, permitindo que você os consulte e os memorize.
  7. Tutoriais em Vídeo 7 de 17:
    Abre uma lista de tutoriais em vídeo que ensinam como usar diferentes recursos e funcionalidades do VS Code.
  8. Dicas e Truques 8 de 17:
    Abre uma página com dicas e truques para melhorar sua eficiência e produtividade ao usar o VS Code.
  9. Junte-se a nós no YouTube 9 de 17:
    Abre o canal oficial do Visual Studio Code no YouTube, onde você pode encontrar vídeos tutoriais e outras informações.
  10. Pesquisar Solicitações de Recursos 10 de 17:
    Permite que você pesquise por solicitações de recursos feitas pela comunidade para ver quais funcionalidades podem ser adicionadas ao VS Code no futuro.
  11. Relatar Problema 11 de 17:
    Abre um formulário para que você possa relatar problemas ou bugs que encontrou ao usar o VS Code.
  12. Exibir Licença 12 de 17:
    Mostra a licença sob a qual o Visual Studio Code é distribuído, permitindo que você leia os termos legais.
  13. Política de Privacidade 13 de 17:
    Abre a política de privacidade do VS Code, onde você pode ver como seus dados são tratados e protegidos.
  14. Ativar/Desativar Ferramentas para Desenvolvedores 14 de 17:
    Alterna as ferramentas de desenvolvimento do VS Code, permitindo que você acesse funcionalidades avançadas de depuração e inspeção.
  15. Abrir o Explorador de processos 15 de 17:
    Abre o explorador de processos, onde você pode monitorar e gerenciar os processos em execução dentro do VS Code.
  16. Verificar se há Atualizações... 16 de 17:
    Verifica se há atualizações disponíveis para o VS Code e permite que você as instale.
  17. Sobre 17 de 17:
    Exibe informações sobre a versão atual do VS Code, incluindo número da versão e detalhes do sistema.

Recomenda-se fortemente que você explore o menu principal do VS Code por conta própria e experimente as diferentes opções para se familiarizar com o editor e descobrir como ele pode ser personalizado para atender às suas necessidades. Consulte a documentação oficial do Visual Studio Code para obter mais informações sobre alguma opção específica ou funcionalidade do editor.

Barra de Atividades

Como já foi dito anteriormente nesse texto, o Visual Studio Code possui uma barra de atividades ou seletor de exibição que fica na parte esquerda da tela e permite que você navegue entre as diferentes visualizações e painéis do editor. Para chegar na barra de atividades pressione F6 repetidamente até que o NVDA anuncie “Seletor de exibição ativo guia”.

Use as teclas de Seta para Cima e Seta para Baixo para mover o foco entre os diferentes ícones na Barra de Atividades.

Os componentes (partes) da barra de atividades do VS Code são:

Explorador de arquivos

Exibe a estrutura de pastas e arquivos do projeto atual, permitindo que você navegue e gerencie os arquivos.

Ação Instruções
Acessar o Explorador de arquivos Pressione Ctrl + Shift + E e o NVDA anunciará "Explorador de Arquivos árvore".
Navegar pelos arquivos e pastas
  • Você pode navegar pelos diretórios (pastas) e arquivos usando as setas (para cima e para baixo) e selecionar arquivos com Enter.
  • Por exemplo, imagine que você tenha um arquivo chamado "index.html" e deseja abri-lo. Para isso, navegue até o arquivo usando a tecla Seta para Baixo até encontrar "index.html" e pressione Enter.
  • O arquivo será aberto no editor de código.
Criar um novo arquivo
  1. Primeiro foque no Explorador de arquivos com Ctrl + Shift + E.
  2. Em seguida, pressione Shift + Tab até encontrar o botão "New File" (Novo arquivo).
  3. Quando encontrar o botão "New File" (Novo arquivo), pressione Enter.
  4. Digite o nome do arquivo, por exemplo, "script.js", e pressione Enter.
  5. O novo arquivo "script.js" será criado e aberto no editor de código.

Alternativa pelo terminal: Também é possível criar os arquivos pelo terminal integrado, usando comandos como touch script.js no Linux ou macOS, ou type nul > script.js no Windows.
Criar uma nova pasta
  1. Primeiro foque no Explorador de arquivos com Ctrl + Shift + E.
  2. Em seguida, pressione Shift + Tab até encontrar o botão "New Folder" (Nova pasta).
  3. Quando encontrar o botão "New Folder" (Nova pasta), pressione Enter.
  4. Digite o nome da pasta, por exemplo, "assets", e pressione Enter.
  5. A nova pasta "assets" será criada no diretório atual.

Alternativa pelo terminal: Também é possível criar pastas pelo terminal integrado, usando comandos como mkdir assets no Linux, macOS ou Windows.

Buscar

Ferramenta para pesquisar texto em arquivos do projeto atual, permitindo a localização de palavras ou trechos específicos de código.

Ação Instruções
Acessar a Pesquisa

Pressione Ctrl + Shift + F e o NVDA mudará o foco para a área de Pesquisa.

O que isso faz: Permite procurar por uma palavra ou trecho específico em todos os arquivos do seu projeto de uma só vez.
Acessar a Pesquisa e Substituição

Pressione Ctrl + Shift + H e o NVDA mudará o foco para a área de Pesquisa e Substituição.

O que isso faz: Além de procurar, você pode substituir automaticamente uma palavra ou trecho por outro em todos os arquivos do projeto. Por exemplo, trocar "cor" por "color" em todo o código.
Fazer uma pesquisa simples
  1. Abra a Pesquisa pressionando Ctrl + Shift + F.
  2. Digite a palavra ou trecho que você quer procurar (por exemplo: "função").
  3. Pressione Enter para o VS Code começar a buscar.
  4. Use Seta para Baixo e Seta para Cima para navegar pelos resultados encontrados.
  5. Quando encontrar o resultado que deseja, pressione Enter para abrir aquele arquivo no editor.
Fazer pesquisa e substituição
  1. Abra a Pesquisa e Substituição pressionando Ctrl + Shift + H.
  2. No primeiro campo, digite o que você quer procurar (por exemplo: "erro").
  3. Pressione Tab uma vez para ir para o segundo campo.
  4. Digite o que vai substituir (por exemplo: "falha").
  5. Pressione Enter para fazer a substituição.
  6. Se precisar voltar para o primeiro campo, pressione Shift + Tab.

Controle de Versão (Git)

Essa ferramenta permite que você gerencie o controle de versão do projeto com o Git diretamente do VS Code. Git é um sistema que ajuda desenvolvedores a rastrear e gerenciar as mudanças no código-fonte sem perder o histórico do que foi feito. É como ter um “diário” completo de todas as alterações no seu projeto.

Ação Instruções
Acessar o Controle de Versão

Pressione Ctrl + Shift + G e o NVDA mudará o foco para a área de Controle de Versão.

O que isso faz: Permite ver todas as alterações feitas nos arquivos do projeto e realizar operações do Git, como salvar alterações (commit), baixar atualizações (pull) e enviar suas mudanças (push).
Ver as alterações nos arquivos
  1. Abra o Controle de Versão pressionando Ctrl + Shift + G.
  2. Use Seta para Baixo e Seta para Cima para navegar pela lista de arquivos que foram modificados.
  3. Quando encontrar o arquivo que deseja ver, pressione Enter.
  4. O arquivo será aberto mostrando as diferenças entre a versão antiga e a nova (o que foi adicionado ou removido).
Fazer um commit (salvar alterações)
  1. Abra o Controle de Versão pressionando Ctrl + Shift + G.
  2. Pressione Tab até chegar na área de mensagem de commit.
  3. Digite uma mensagem explicando o que você mudou (por exemplo: "Corrigido erro na função de login").
  4. Pressione Ctrl + Enter para confirmar e salvar as alterações no histórico do Git.
Enviar alterações para o repositório remoto (push)
  1. Depois de fazer o commit, pressione Tab para navegar pelos botões disponíveis.
  2. Procure pelo botão "Push" (ou "Enviar") e pressione Enter.
  3. Suas alterações serão enviadas para o GitHub, GitLab ou outro serviço onde seu projeto está hospedado.

O que é push: É como "publicar" suas mudanças para que outras pessoas possam ver e usar. As alterações saem do seu computador e vão para a nuvem.
Baixar atualizações do repositório remoto (pull)
  1. Abra o Controle de Versão pressionando Ctrl + Shift + G.
  2. Pressione Tab para navegar pelos botões disponíveis.
  3. Procure pelo botão "Pull" (ou "Puxar") e pressione Enter.
  4. As atualizações feitas por outras pessoas serão baixadas para o seu computador.

O que é pull: É como "atualizar" seu projeto com as mudanças que outras pessoas fizeram. Você baixa as alterações da nuvem para o seu computador.

Depuração

Essa ferramenta permite que você depure o código do projeto atual, inspecionando variáveis, acompanhando o fluxo de execução e encontrando erros. Depurar é o mesmo que “debugar” o código, ou seja, executar o programa de forma controlada para encontrar e corrigir problemas.

Ação Instruções
Acessar a Depuração

Pressione Ctrl + Shift + D e o NVDA mudará o foco para a área de Depuração.

O que isso faz: Permite iniciar a depuração do código e inspecionar as variáveis durante a execução do programa.
Iniciar a depuração
  1. Abra a Depuração pressionando Ctrl + Shift + D.
  2. Use as setas para cima e para baixo para navegar pelas opções de depuração.
  3. Encontre a opção "Iniciar a Depuração (F5)" e pressione Enter.
  4. Alternativamente, pressione diretamente F5 para iniciar a depuração.
  5. O programa começará a ser executado em modo de depuração.
Adicionar pontos de interrupção (breakpoints)
  1. Abra o arquivo onde deseja adicionar um ponto de interrupção.
  2. Navegue até a linha de código onde deseja que o programa pare durante a depuração.
  3. Pressione F9 para adicionar ou remover um ponto de interrupção naquela linha.
  4. O NVDA anunciará "Breakpoint inserido" ou "Breakpoint removido".

O que é um ponto de interrupção: É como um "sinal de pare" no seu código. Quando o programa está sendo depurado e chega nessa linha, ele para a execução para que você possa examinar o que está acontecendo.
Inspecionar variáveis durante a depuração
  1. Depois que o programa parar em um ponto de interrupção, pressione Shift + Tab várias vezes até chegar na seção "Variáveis".
  2. Use as setas para cima e para baixo para navegar entre as variáveis disponíveis.
  3. Pressione Seta para direita para expandir uma variável e ver seus valores internos.
  4. Pressione Seta para esquerda para recolher uma variável expandida.

Para que serve: Permite ver os valores das variáveis naquele exato momento da execução, ajudando a encontrar valores incorretos ou inesperados.
Controlar a execução do programa
  • F5: Continuar a execução até o próximo ponto de interrupção ou até o fim do programa.
  • F10: Executar a próxima linha de código sem entrar em funções (Step Over).
  • F11: Executar a próxima linha de código entrando em funções se houver (Step Into).
  • Shift + F11: Sair da função atual e voltar para quem a chamou (Step Out).
  • Shift + F5: Parar a depuração completamente.

Para que serve: Estas teclas permitem controlar como o programa é executado durante a depuração, ajudando a entender o fluxo do código e encontrar problemas específicos.
Configurar a depuração para diferentes linguagens
  1. Abra a Depuração pressionando Ctrl + Shift + D.
  2. Procure pela opção "Criar um arquivo launch.json" e pressione Enter.
  3. O VS Code perguntará qual ambiente você quer configurar. Selecione a linguagem ou ambiente apropriado (como Node.js, Python, etc.).
  4. Um arquivo launch.json será criado com a configuração básica para a linguagem escolhida.

O que é o launch.json: É um arquivo que contém as configurações para a depuração do seu programa. Ele define como o VS Code deve iniciar e depurar seu código.

Extensões

Recurso Descrição
O que são Extensões são complementos que adicionam funcionalidades ao VS Code. Elas podem adicionar suporte a linguagens, temas, depuradores, formatadores de código, e muito mais.
Acesso à loja de extensões

Com mouse: Clique no ícone de extensões na barra lateral (ícone de quatro quadrados).

Com teclado: Pressione Ctrl+Shift+X (Windows/Linux) ou Cmd+Shift+X (macOS).

Com leitor de tela: Use Ctrl+Shift+X ou navegue com Tab até encontrar a seção "Extensões".
Instalação de extensões
  1. Acesse a visualização de Extensões.
  2. Digite o nome da extensão desejada na caixa de pesquisa.
  3. Selecione a extensão na lista de resultados.
  4. Clique em "Instalar" ou pressione Enter e depois Tab até o botão "Instalar".

Extensões populares: Alguns exemplos incluem "Python", "Live Server", "ESLint", "Prettier", "GitLens" e "Material Icon Theme".
Gerenciamento de extensões

Desativar: Na visualização de extensões instaladas, clique no botão de engrenagem ao lado da extensão e selecione "Desativar".

Desinstalar: Na visualização de extensões instaladas, clique no botão de engrenagem ao lado da extensão e selecione "Desinstalar".

Atualizar: Na visualização de extensões, você pode ver quais extensões têm atualizações disponíveis e atualizar todas ou individualmente.
Configuração de extensões
  1. Após instalar uma extensão, acesse as configurações do VS Code com Ctrl+, (Windows/Linux) ou Cmd+, (macOS).
  2. Digite o nome da extensão na barra de pesquisa para encontrar suas configurações específicas.
  3. Ajuste as configurações conforme necessário.

Dica: Muitas extensões adicionam comandos que podem ser acessados pelo painel de comando (Ctrl+Shift+P ou Cmd+Shift+P).

GitHub Copilot (se disponível)

Recurso Descrição
O que é O Copilot é uma extensão de IA (Inteligência Artificial) desenvolvida pela GitHub e OpenAI que ajuda a escrever código fornecendo sugestões de código, snippets e documentação diretamente no editor. O Copilot é alimentado por um modelo de linguagem de IA treinado em milhões de linhas de código-fonte de código aberto.
Como acessar

Se o Copilot estiver disponível, ele aparecerá como um ícone na Barra de Atividades.

Com teclado: Pressione Ctrl+Shift+P para abrir a Paleta de Comandos, digite "Copilot: Chat" e pressione a seta para baixo para procurar a opção "Chat: Focar no Modo de Exibição GitHub Copilot" e pressione Enter para abrir o Copilot chat no VS Code.
Interação com o Copilot Chat

Use o Copilot chat para interagir com o assistente de IA e obter ajuda na escrita de código. Você pode digitar perguntas, solicitar sugestões de código, snippets ou documentação, e o Copilot responderá com as informações solicitadas.

Quando o chat for aberto, o foco estará no campo de digitação de mensagens. Digite sua pergunta ou solicitação e pressione Enter para enviar a mensagem.

O Copilot Chat é especialmente útil para:

  • Explicar conceitos de programação
  • Gerar exemplos de código
  • Depurar problemas no seu código
  • Aprender sobre bibliotecas e frameworks
Chat por voz

Ao lado do campo de digitação de mensagens, você encontrará um botão de "iniciar chat por voz" que permite que você use a voz para interagir com o Copilot.

Para ativar: Pressione Tab até chegar ao botão de "iniciar chat por voz" e pressione Enter. Em seguida, fale sua pergunta ou solicitação.

Para desativar: Pressione Enter novamente no botão de "iniciar chat por voz".
Anexar contexto
  1. Depois do botão de "iniciar chat por voz", você encontrará um botão de "anexar contexto" que permite fornecer informações adicionais ao Copilot.
  2. Pressione Enter para ativar o botão de "anexar contexto". Uma caixa de pesquisa será exibida.
  3. Digite o nome do arquivo do seu projeto que você quer que o Copilot leve em consideração e pressione Enter para anexar o contexto.
  4. O Copilot responderá considerando os arquivos que você anexou como contexto.

Dica: Anexar arquivos relevantes ao contexto melhora significativamente a qualidade e precisão das respostas do Copilot, especialmente para questões específicas do seu projeto.

Esses são os principais componentes da barra de atividades ou seletor de exibição do Visual Studio Code. No entanto, a barra de atividades pode conter outros ícones ou opções dependendo das extensões que você tiver instalado no editor.

No fim da barra de atividades, pode ser que não seja lido pelo NVDA, mas é possível de se encontrar duas opções usando a seta para baixo, passando por todos os ícones da barra de atividades. As opções são: “Contas” e “Configurações” ou “Gerenciar”.

A opção “Contas” permite que você faça login ou logout da sua conta da Microsoft, GitHub ou outra conta que você tenha vinculado ao VS Code. A opção “Configurações” ou “Gerenciar” permite que você acesse as configurações do editor, onde você pode personalizar o VS Code de acordo com suas preferências.

Principal marco

Anteriormente nesse texto, foi mencionado que o Visual Studio Code possui um marco principal, mas o que é um marco? Ou melhor, o que é um marco principal? Um marco é um elemento HTML que define uma região importante em uma página web.

Existem vários tipos de marcos, como o marco de navegação, o marco de cabeçalho, o marco de rodapé, entre outros. Cada tipo de marco tem uma função específica e ajuda a estruturar o conteúdo da página de forma acessível.

O marco principal é um marco especial que define o conteúdo principal de uma página ou aplicativo da web. Ele é usado para identificar o conteúdo principal de uma página e é frequentemente usado por leitores de tela para navegar rapidamente até o conteúdo mais importante.

Mas, como assim “web”? O Visual Studio Code é um editor de código-fonte, não é uma página web. Sim, é verdade que o VS Code é um editor de código-fonte, mas ele é construído com Electron, que é uma ferramenta que permite criar aplicativos de desktop (área de trabalho) usando tecnologias web, como HTML, CSS e JavaScript.

Esses aplicativos funcionam como aplicativos nativos, mas são baseados em tecnologias web, a vantagem é que eles podem ser executados em diferentes sistemas operacionais, como Windows, macOS e Linux, sem a necessidade de reescrever o código para cada plataforma.

No caso do Visual Studio Code, isso quer dizer que ele é um programa desktop que utiliza tecnologias web para criar sua interface e funcionalidades. Por isso ele possui elementos HTML, como os marcos, incluindo o marco principal.

No Visual Studio Code, o marco principal é usado para identificar a área de edição de código, onde você pode escrever, editar e visualizar o código-fonte do projeto. O marco principal é uma parte essencial do editor, pois é onde a maior parte do trabalho de desenvolvimento é feito.

Ao navegar pelo VS Code com um leitor de telas, você pode usar o marco principal para pular rapidamente para a área de edição de código e começar a trabalhar no código do projeto.

Componentes do Marco Principal

  • Editor de Código: Esta é a área onde você escreve, edita e visualiza o código. O editor ocupa a maior parte do Marco Principal e é o foco central na edição de código.
  • Guias abertas: As guias representam arquivos ou documentos abertos. Você pode ter várias guias abertas ao mesmo tempo, permitindo alternar rapidamente entre diferentes arquivos.
  • Divisão de Editores (Grupos): O VS Code permite dividir o editor em diferentes grupos, permitindo que você visualize e edite múltiplos arquivos lado a lado.

Navegar entre guias:

  • Ctrl + Tab: Use esta combinação de teclas para alternar (trocar) entre as guias de arquivos abertas no editor. O NVDA anunciará o nome do arquivo da guia selecionada.
  • Ctrl + Shift + Tab: Voltar para a guia anterior.
  • Ctrl + PgUp e Ctrl + PgDown: Navega entre as guias de forma linear (uma por vez). Por exemplo, imagine que você tenha três guias abertas no editor: “index.html”, “style.css” e “script.js”.
    • Se você estiver na guia “index.html” e pressionar Ctrl + PgDown, você irá para a guia “style.css”.
    • Pressionando novamente Ctrl + PgDown, você irá para a guia “script.js”.
    • Para voltar, pressione Ctrl + PgUp.
    • Isso é útil quando você tem muitas guias abertas e quer navegar entre elas de forma sequencial.
  • Ctrl + W: Fecha a guia atualmente ativa (se você tiver mais de uma guia aberta). O NVDA anunciará o nome do próximo arquivo em foco após o fechamento da guia.

Navegar entre divisões de editores (grupos):

  • Ctrl + 1, Ctrl + 2, Ctrl + 3, etc.: Use esta combinação de teclas para alternar entre os diferentes grupos de editores. Por exemplo, se você tiver dividido o editor em dois grupos (divisões), pressione Ctrl + 1 para focar no primeiro grupo e Ctrl + 2 para focar no segundo grupo.
  • Ctrl + \: Use esta combinação de teclas para dividir o editor em dois grupos (divisões) verticalmente. O NVDA anunciará “Dividir editor para o lado direito”.
  • Ctrl + Shift + \: Use esta combinação de teclas para dividir o editor em dois grupos (divisões) horizontalmente. O NVDA anunciará “Dividir editor para baixo”.
  • Ctrl + Alt + Seta para a Direita ou Seta para a Esquerda: Move o editor ativo para o próximo ou anterior grupo. Exemplo: se você tem dois grupos abertos e o foco está no grupo da esquerda, pressione Ctrl + Alt + Seta para a Direita para mover o editor para o grupo da direita.

Navegar e interagir com o editor de código:

  • Setas Esquerda/Direita: Move o cursor ao longo da linha, caractere por caractere.

Navegação e interação com o texto no editor de código:

  • Shift + Seta para Esquerda ou Seta para Direita: Seleciona o texto caractere por caractere. Ou seja, você pode usar essas teclas para selecionar o texto um caractere de cada vez.
  • Shift + Seta para Cima ou Seta para Baixo: Seleciona o texto linha por linha.
  • Ctrl + Shift + Seta para Esquerda ou Seta para Direita: Seleciona o texto palavra por palavra.
  • Ctrl + Shift + Seta para Cima ou Seta para Baixo: Seleciona o texto parágrafo por parágrafo.
  • Ctrl + A: Seleciona todo o texto no arquivo.
  • Ctrl + X: Recorta o texto selecionado.
  • Ctrl + C: Copia o texto selecionado.
  • Ctrl + V: Cola o texto da área de transferência no local do cursor.
  • Ctrl + Z: Desfaz a última ação.
  • Ctrl + Y: Refaz a última ação desfeita.
  • Insert + Barra de Espaço: Use este comando para alternar entre o Modo de Foco e o Modo de Navegação do NVDA. No editor de código, o Modo de Foco deve estar ativado para que você possa interagir diretamente com o texto e utilizar os atalhos de teclado mencionados.
    • Isso quer dizer que, ao pressionar Insert + Barra de Espaço, você estará habilitando o Modo de Foco, permitindo que você digite, edite e navegue pelo código usando o teclado normalmente.
    • Caso queira desabilitar o Modo de Foco e voltar ao Modo de Navegação, basta pressionar novamente Insert + Barra de Espaço.

Essas são algumas das principais teclas de atalho que você pode usar para navegar e interagir com o marco principal do Visual Studio Code. Existem muitas outras teclas de atalho disponíveis no editor, que podem ser usadas para realizar diferentes tarefas, como abrir arquivos, salvar alterações, executar comandos, entre outras operações.

Você pode consultar a documentação oficial do VS Code para obter uma lista completa de atalhos de teclado disponíveis que te interessam. A documentação pode ser encontrada em: https://code.visualstudio.com/docs/getstarted/keybindings.

Barra de Status

A Barra de Status fica na parte de baixo da janela do VS Code. Ela mostra informações importantes sobre o que você está fazendo no momento, como o nome do arquivo que você está editando, onde está o cursor, qual linguagem está sendo usada e outros detalhes úteis.

A Barra de Status ajuda muito durante a programação, pois permite que você veja rapidamente informações importantes sem precisar procurar em vários lugares diferentes.

Componentes da Barra de Status

  • Nome do arquivo: Mostra qual arquivo você está editando no momento. Por exemplo, se você abriu um arquivo chamado “index.html”, esse nome vai aparecer na Barra de Status.

  • Linguagem de programação: Mostra qual tipo de linguagem está sendo usada no arquivo. Por exemplo, se você está escrevendo em Python, vai aparecer “Python” na Barra de Status.

  • Posição do cursor: Mostra em qual linha e coluna o cursor está no momento. Por exemplo, se o cursor estiver na linha 10 e na coluna 5, você verá “Ln 10, Col 5”. Isso ajuda você a saber exatamente onde está no arquivo.

  • Tipo de texto: Mostra como o texto está sendo salvo (UTF-8, por exemplo). Isso é importante porque diferentes programas podem usar diferentes formas de salvar texto.

  • Tipo de fim de linha: Mostra como o VS Code está marcando o final de cada linha no arquivo. Cada sistema operacional (Windows, Mac, Linux) pode usar um jeito diferente de marcar o fim da linha:
    • Windows usa CRLF
    • Mac e Linux geralmente usam LF

    Saber isso é útil quando você trabalha com arquivos que vêm de computadores diferentes.

  • Espaços e tabulações: Mostra quantos espaços são usados quando você aperta a tecla Tab. Isso ajuda a manter a indentação consistente (os espaços no início das linhas que organizam o código).

  • Notificações: Mostra avisos importantes sobre o que está acontecendo. Por exemplo, se tem algum erro no código, se uma extensão foi atualizada ou se alguma tarefa terminou de rodar. Essas notificações ajudam você a ficar por dentro do que está acontecendo e resolver problemas quando necessário.

Como acessar a Barra de Status:

  • Aperte F6 várias vezes até ouvir o NVDA dizer “Barra de Status”. Quando isso acontecer, você estará na Barra de Status.

Como se movimentar entre os componentes:

  • Use as teclas Seta para a Direita e Seta para a Esquerda para passar de um componente para outro. O NVDA vai ler em voz alta cada componente quando você passar por ele.

Como interagir com os componentes:

  • Enter: Aperte Enter em qualquer componente que possa ser clicado para ver mais opções ou fazer alterações.
  • Tab: Dentro dos menus que abrirem, use Tab para se movimentar entre as opções.
  • Seta para Cima e Seta para Baixo: Use essas teclas para escolher opções nos menus, como quando você quer mudar a codificação do arquivo.
  • Esc: Aperte Esc para fechar um menu sem fazer nenhuma alteração.

Criando um novo arquivo no VS Code

Pressione Ctrl + N para criar um novo arquivo. O NVDA irá anunciar “novo arquivo sem título”, indicando que o novo arquivo foi criado e está pronto para edição.

Agora, precisamos salvar o arquivo como um arquivo HTML. Para isso, pressione Ctrl + S para abrir a caixa de diálogo “Salvar como”. O NVDA irá anunciar “Salvar como” e você poderá digitar o nome do arquivo, como “index.html”. Pressione Enter para salvar o arquivo.

Agora que o arquivo foi salvo, você pode começar a escrever o código HTML. Digite o seguinte código no arquivo:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meu Arquivo HTML</title>
</head>
<body>
    <h1>Olá, Mundo!</h1>
    <p>Este é o meu primeiro arquivo HTML criado no Visual Studio Code.</p>
</body>
</html>

Observação: Não é preciso entender o código HTML neste momento. Entenda apenas que este é um código HTML básico que cria uma página web simples com um título e um parágrafo.

No momento o importante é digitar o código no arquivo e salvar as alterações. Para isso, pressione Ctrl + S para salvar o código que você acabou de digitar no arquivo “index.html”.

Agora que o código HTML está pronto, vamos aprender a navegar por ele utilizando o NVDA. Isso é importante para que você possa entender a estrutura do código e fazer edições quando necessário.

Tipo de navegação Descrição
Movendo-se entre linhas

Use as Seta para Cima e Seta para Baixo para mover o cursor entre as linhas do código. O NVDA irá anunciar o conteúdo de cada linha conforme você navega.

Um ponto de atenção é que o NVDA vai ler tudo que tem na linha, no começo pode parecer um pouco cansativo, mas com o tempo você vai se acostumar.

Uma dica é criar um perfil no NVDA para programação, onde você pode configurar para que ele leia apenas o que você desejar, recomenda-se que nesse perfil a opção "grau de pontuação" esteja em "tudo" para ir aprendendo como o código é escrito. Depois, com mais prática, você pode mudar para "alguns" ou "nenhum".
Movendo-se dentro de uma linha Use as Setas para a Esquerda e Setas para a Direita para mover o cursor entre os caracteres da linha. O NVDA irá anunciar cada caractere conforme você navega.
Ir para o início ou fim de uma linha Pressione Home para mover o cursor para o início da linha atual, ou End para ir ao final da linha. O NVDA anunciará a nova posição do cursor.
Navegando por palavras Use Ctrl + Seta para a Direita para mover o cursor para a próxima palavra, ou Ctrl + Seta para a Esquerda para a palavra anterior. O NVDA anunciará cada palavra que você está navegando.
Selecionando texto

Para selecionar texto, pressione Shift enquanto pressiona a seta correspondente à direção que deseja selecionar.

Por exemplo, para selecionar um caractere à direita, pressione Shift + Seta para a Direita.

Para selecionar uma palavra à esquerda, pressione Shift + Ctrl + Seta para a Esquerda.

Para selecionar uma linha inteira, pressione Shift + Seta para Cima ou Seta para Baixo.

O NVDA irá anunciar o texto selecionado conforme você navega.

Terminais integrados

O Visual Studio Code possui um terminal integrado que permite executar comandos de terminal diretamente no editor.

Isso é útil para realizar tarefas de desenvolvimento como compilar código, executar scripts, gerenciar repositórios Git, entre outras operações, sem precisar sair do ambiente de desenvolvimento.

Operação Descrição
Acessando o terminal integrado

Pressione Ctrl + ` (tecla acento grave, localizada ao lado do número 1 no teclado) para abrir o terminal integrado. O NVDA anunciará "Terminal", seguido do nome do shell padrão que está sendo usado (por exemplo, "PowerShell", "Bash", ou "Command Prompt").
Confirmando que o terminal está ativo

Após abrir o terminal, o foco estará automaticamente na linha de comando do terminal. O NVDA irá anunciar algo como "Terminal 1: Shell", confirmando que o terminal está ativo e pronto para receber comandos.
Executando comandos no terminal

Para executar um comando, simplesmente digite o comando desejado e pressione Enter.

Por exemplo, você pode digitar ls (no Linux ou macOS) ou dir (no Windows) para listar o conteúdo do diretório (pasta) atual.

O NVDA irá anunciar o comando enquanto você o digita e, após pressionar Enter, ele lerá a saída do comando.
Lendo a saída do terminal

Use Shift + Seta para Cima ou Shift + Seta para Baixo para navegar linha por linha através da saída do terminal. O NVDA lerá cada linha conforme você navega.
Navegando entre múltiplos terminais

Para alternar entre terminais abertos, use Ctrl + ` para abrir a lista de terminais disponíveis e Ctrl + Seta para Cima ou Ctrl + Seta para Baixo para mover o foco entre eles. O NVDA anunciará o nome do terminal ativo e o número de terminais abertos.
Navegando pelo texto no terminal

Para mover o cursor dentro da linha de comando, use as Setas para Esquerda e Direita. O NVDA anunciará o caractere ou palavra conforme você se move.
Copiando e colando no terminal

Use Ctrl + C para copiar texto e Ctrl + V para colar. O NVDA confirmará com "Copiado para a área de transferência" ou "Colado".
Fechando um terminal

Para fechar o terminal ativo, pressione Ctrl + W. O NVDA confirmará o fechamento.
Alternando entre o terminal e o editor de código

Pressione Ctrl + ` para alternar entre o terminal e o editor de código. O NVDA anunciará onde o foco está.
Copiando comandos do editor de código para o terminal

Selecione o texto no editor, copie-o com Ctrl + C e cole-o no terminal com Ctrl + V. O NVDA confirmará as ações.
Autocompletar comandos

Pressione Tab para autocompletar comandos no terminal. O NVDA anunciará as sugestões disponíveis.
Histórico de comandos

Use Seta para Cima e Seta para Baixo para percorrer o histórico de comandos. O NVDA anunciará os comandos conforme você navega.
Procurando na saída do terminal

Use Ctrl + F para abrir a caixa de pesquisa no terminal e digitar o termo desejado. O NVDA destacará a palavra ou frase.

Extensões

O Visual Studio Code possui uma vasta biblioteca de extensões que podem ser instaladas para adicionar funcionalidades extras ao editor. Essas extensões podem ajudar a melhorar a produtividade, adicionar suporte a novas linguagens de programação, integrar ferramentas de desenvolvimento e muito mais.

Operação Descrição
Abrindo o painel de extensões

Pressione Ctrl + Shift + X. O NVDA anunciará "Extensões", seguido pelo número de extensões instaladas e uma breve descrição da interface.
Confirmando que o painel de extensões está ativo

Após pressionar o atalho, o foco estará na barra de pesquisa de extensões, onde você pode buscar novas extensões para instalar. O NVDA confirmará isso ao anunciar "Campo de pesquisa de extensões".
Pesquisando uma extensão

No campo de pesquisa que está ativo, digite o nome ou palavra-chave da extensão que deseja instalar. Por exemplo, para instalar uma extensão de suporte à linguagem Python, digite "Python" e pressione Enter. O NVDA lerá os resultados da pesquisa conforme eles aparecem.
Navegando pelos resultados da pesquisa

Use as Setas para Cima e Setas para Baixo para navegar pelos resultados. O NVDA anunciará o nome da extensão, sua classificação por estrelas, o número de downloads e uma breve descrição.
Selecionando e instalando uma extensão

Quando encontrar a extensão desejada, pressione Enter para abrir a página de detalhes da extensão. O NVDA lerá o nome da extensão, seguido de uma descrição mais detalhada e as ações disponíveis (como instalar ou avaliar a extensão). Para instalar, pressione Tab até encontrar o botão "Instalar" e, em seguida, pressione Enter. O NVDA anunciará "Instalando", e após a conclusão, confirmará com "Instalação concluída".
Verificando a instalação

Após a instalação, a extensão estará disponível para uso. O NVDA anunciará "Instalada" no botão de instalação, que agora pode ter mudado para "Desinstalar" ou "Desativar", confirmando que a extensão foi instalada corretamente.
Visualizando extensões instaladas

Pressione Ctrl + Shift + X para abrir o painel de extensões. Em seguida, pressione Tab até o NVDA anunciar "Extensões instaladas". Este é o local onde todas as extensões atualmente instaladas estão listadas.
Navegando pelas extensões instaladas

Use as Setas para Cima e Setas para Baixo para navegar pela lista de extensões instaladas. O NVDA anunciará o nome de cada extensão, seguido por sua descrição e ações disponíveis.
Desinstalando ou desativando uma extensão

Para desinstalar uma extensão, selecione a extensão desejada na lista e pressione Enter para abrir a página de detalhes. Em seguida, pressione Tab até encontrar o botão "Desinstalar" e pressione Enter. O NVDA confirmará a remoção da extensão. Se você preferir desativar a extensão temporariamente, localize o botão "Desativar" usando a tecla Tab e pressione Enter. O NVDA anunciará que a extensão foi desativada.
Atualizando extensões

Quando há atualizações disponíveis para uma extensão, o NVDA anunciará isso ao navegar pelas extensões instaladas. Para atualizar uma extensão, selecione a extensão na lista e pressione Enter para abrir a página de detalhes. Pressione Tab até encontrar o botão "Atualizar" e pressione Enter. O NVDA confirmará a atualização.
Acessando as configurações da extensão

Após instalar uma extensão, muitas delas oferecem opções de configuração. Para acessar essas opções, vá até a extensão instalada no painel de extensões e pressione Enter para abrir a página de detalhes. Pressione Tab até encontrar o botão "Gerenciar" e, em seguida, pressione Enter. Isso abrirá um submenu com opções como "Configurações", "Documentação" e "Atalhos de teclado".
Ajustando as configurações

Se a extensão oferece opções de configuração, selecionar "Configurações" levará você às configurações específicas da extensão. O NVDA lerá cada configuração conforme você navega com as Setas para Cima e Baixo.
Consultando a documentação da extensão

Para acessar a documentação, vá até a extensão instalada no painel de extensões e pressione Enter. Em seguida, pressione Tab até encontrar o botão "Documentação" e pressione Enter. O NVDA abrirá uma nova aba com as informações detalhadas sobre a extensão.
Visualizando extensões recomendadas

No painel de extensões, pressione Tab até o NVDA anunciar "Extensões recomendadas". Esta seção contém uma lista de extensões sugeridas com base nas suas atividades ou no tipo de projeto em que você está trabalhando.
Instalando extensões recomendadas

Navegue pelas extensões recomendadas com as Setas para Cima e Baixo. Se encontrar algo interessante, siga os mesmos passos de instalação descritos anteriormente.
Explorando extensões populares

Se desejar ver as extensões mais populares, pressione Tab até o NVDA anunciar "Extensões populares". Aqui você encontrará extensões amplamente utilizadas e bem avaliadas pela comunidade de desenvolvedores.
Verificando a compatibilidade

Algumas extensões podem não ser compatíveis com a versão específica do VS Code que você está usando. O NVDA normalmente anunciará uma mensagem de aviso se uma extensão não for compatível.
Utilizando comandos de extensões

Muitas extensões adicionam comandos específicos que podem ser acessados pela Paleta de Comandos (pressionando Ctrl + Shift + P). O NVDA anunciará os comandos disponíveis conforme você digita.
Sincronizando suas extensões

Se você trabalha em múltiplos dispositivos, pode ser útil sincronizar suas extensões e configurações entre eles. Pressione Ctrl + Shift + P, digite "Sync: Turn On" e pressione Enter. O NVDA guiará você pelos passos para configurar a sincronização.

Resumo

E assim concluímos nossa introdução ao Visual Studio Code! Vimos como navegar pela interface do editor, explorar o menu de atividades, entender o marco principal, utilizar a barra de status, criar um novo arquivo, navegar pelo código-fonte com o NVDA, usar o terminal integrado e gerenciar extensões.

O Visual Studio Code é uma ferramenta poderosa e versátil que pode ser adaptada às suas necessidades de desenvolvimento. Com o tempo e a prática, você se sentirá cada vez mais confortável utilizando esse editor incrível.

Lembre-se, sempre que tiver dúvidas, ou quiser consultar todos os atalhos de teclado disponíveis, você pode acessar a Paleta de Comandos pressionando Ctrl + Shift + P e digitar “Keyboard Shortcuts” para ver a lista completa. É sempre bom ter essa referência à mão.

Além disso, saber outros comandos como Ctrl + P para abrir arquivos rapidamente, ou Ctrl + K seguido de Ctrl + S para abrir as configurações de atalhos de teclado pode fazer uma grande diferença na sua produtividade.

Por fim, explore, experimente e divirta-se programando com o Visual Studio Code. Boa sorte na sua jornada de desenvolvimento!