Code Navigation

O Visual Studio Code possui um editor de código de alta produtividade que, quando combinado com serviços de linguagem de programação, oferece o poder de um IDE e a velocidade de um editor de texto.

Neste tópico, primeiro descreveremos os recursos de inteligência de linguagem do VS Code (sugestões, dicas de parâmetro, navegação de código inteligente) e, em seguida, mostraremos o poder do editor de texto principal.

Ir para Definição

Se a linguagem de programação suportar, você pode ir para a definição de um símbolo pressionando F12.

Se você pressionar Ctrl e passar o mouse sobre um símbolo, uma visualização da declaração aparecerá:

Tipos de símbolos que é possível utilizar o 'Ir para definição'

Breadcrumbs

O editor possui uma barra de navegação acima de seu conteúdo chamada Breadcrumbs . Ele mostra a localização atual e permite que você navegue rapidamente entre pastas, arquivos e símbolos.

Barra de navegação tipo Breadcrumb na parte superior da pagina, logo abaixo do nome do arquivo atual

Selecionar uma trilha de navegação no caminho exibe uma lista suspensa com os irmãos desse nível para que você possa navegar rapidamente para outras pastas e arquivos.

Clicando em um dos itens do Breadcrumb, uma lista é aberta, exibindo todos os irmãos dele que são possíveis navegar.

Espiar

Achamos que não há nada pior do que uma grande mudança de contexto quando tudo o que você quer é verificar algo rapidamente. Quando você executa uma pesquisa Go to References (via Shift+F12 ), ou Peek Definition (via Alt+F12 ), incorporamos o resultado inline:

Trecho de código de outro arquivo aberto no arquivo atual, logo abaixo do código onde foi utilizado o comando 'Ir para referencia' com a tecla de atalho ( Shift+F12 )

Renomear símbolo

A maioria das linguagens de programação suportam renomear símbolos entre arquivos. Pressione F2 e digite o novo nome desejado e pressione Enter. Todas as ocorrências do uso do símbolo serão renomeados em todos os arquivos do projeto.

Campo onde para renomear simbolo aberto logo abaixo do simbolo selecionado.

Ação de código

Avisos e erros podem fornecer ações de código (também conhecidas como correções rápidas) para ajudar a corrigir problemas. Estes serão exibidos no editor na margem esquerda como uma lâmpada. Clicar na lâmpada exibirá as opções de ação de código ou executará a ação.