Partilhar via


Aprenda a usar o editor de código

Nesta introdução ao editor de código do Visual Studio, você adicionará código a um arquivo e explorará como o Visual Studio ajuda a tornar a escrita, a navegação e a compreensão do código mais fáceis.

Tip

Se não tiver o Visual Studio, vá para Visual Studio downloads para instalá-lo de graça.

Se você ainda não instalou o Visual Studio, vá para a página de downloads do Visual Studio para instalá-lo gratuitamente.

Este artigo pressupõe que você já esteja familiarizado com uma linguagem de programação. Se não está, sugerimos que veja um dos tutoriais rápidos de programação primeiro, como criar uma aplicação web com Python ou C#, ou criar uma aplicação de consola com Visual Basic ou C++.

Prerequisites

Criar um novo arquivo de código

Crie um novo arquivo e adicione algum código a ele.

  1. Abra o Visual Studio. Pressione Esc ou selecione Continuar sem código na janela Iniciar para abrir o ambiente de desenvolvimento.

  2. No menu Ficheiro na barra de menus, selecione Novo>Ficheiro.

  3. Na caixa de diálogo Novo Arquivo , na categoria Geral , selecione Classe Visual C# e, em seguida, selecione Abrir.

    Um novo arquivo é aberto no editor com o esqueleto de uma classe C#. (Observe que não precisamos criar um projeto completo do Visual Studio para obter alguns dos benefícios que o editor de código oferece; tudo o que você precisa é de um arquivo de código!)

    Captura de tela de um arquivo de código C# no Visual Studio.

  1. Abra o Visual Studio. Selecione a tecla Esc ou selecione Continuar sem código na janela inicial para abrir o ambiente de desenvolvimento.

  2. No menu Ficheiro na barra de menus, selecione Novo>ficheiro, ou selecione as teclas Ctrl+N.

  3. Na caixa de diálogo Novo Arquivo , na categoria Geral , selecione Classe C# e, em seguida, selecione Abrir.

    Um novo arquivo é aberto no editor com uma estrutura básica de classes C#.

    Captura de tela de um arquivo de código C# no Visual Studio 2022.

Usar o Copilot do GitHub

O GitHub Copilot atua como um programador de pares de IA para fornecer completações de código no estilo de preenchimento automático e sugestões de código multilinha sensíveis ao contexto, à medida que você codifica, em tempo real, diretamente no editor. O GitHub Copilot transforma prompts de linguagem natural, incluindo comentários e nomes de métodos, em sugestões de codificação. Você pode visualizar e incorporar sugestões do GitHub Copilot diretamente no editor.

Experimente o do GitHub Copilot

Vamos usar o Copilot para gerar sugestões de código:

  1. Coloque o cursor logo abaixo do fecho final } no arquivo.

  2. Digite um comentário em linguagem natural: // Add a method to add two numbers e Enter.

  3. O GitHub Copilot gera uma sugestão de código para você. A implementação sugerida aparece em texto cinza.

  4. Para aceitar a sugestão, selecione separador.

    Captura de tela animada que mostra as sugestões de código geradas pelo Copilot do GitHub para o comentário do usuário.

Vamos usar o Copilot Chat para enviar uma pergunta relacionada à codificação como um prompt:

  1. Selecione o emblema do GitHub Copilot no canto superior direito do IDE.

  2. Selecione Abrir janela de bate-papo na lista suspensa.

  3. Digite o seguinte prompt na janela de chat:

    
    Generate sample code for a simple C# method to add two numbers.
    
    
  4. O Copilot Chat gera um código de exemplo em resposta ao seu prompt.

O GitHub Copilot é alimentado por IA, então surpresas e erros são possíveis. Para obter mais informações, consulte Perguntas frequentes do GitHub Copilot.

Introdução ao Copilot GitHub no Visual Studio.

Use trechos de código

Visual Studio fornece trechos de código úteis que você pode usar para gerar rapidamente blocos de código comumente usados. Trechos de código estão disponíveis para várias linguagens de programação, incluindo C#, Visual Basic e C++.

Agora, adicione o trecho do C# void Main ao seu arquivo.

  1. Coloque o cursor logo acima da chave de fechamento final } no arquivo e digite os caracteres svm. (svm significa static void Main; o método Main() é o ponto de entrada para aplicativos C#.)

    Uma caixa de diálogo pop-up é exibida com informações sobre o trecho de código svm.

    Captura de ecrã de um pop-up IntelliSense para um trecho de código no Visual Studio.

  2. Pressione Tab duas vezes para inserir o trecho de código.

    Você verá a assinatura do método static void Main() ser adicionada ao arquivo.

Os trechos de código disponíveis variam para diferentes linguagens de programação. Você pode examinar os trechos de código disponíveis para o seu idioma ao escolher Editar>IntelliSense>Inserir Fragmentoe, em seguida, escolher a pasta do seu idioma. Para C#, a lista tem esta aparência:

Captura de tela de um pop-up do IntelliSense para uma lista de trechos de código C#.

  1. Coloque o cursor logo acima da chave de fechamento final } no arquivo e digite os caracteres svm.

    Uma caixa de diálogo pop-up é exibida com informações sobre o trecho de código svm.

    Captura de tela de um pop-up do IntelliSense para um trecho de código no Visual Studio 2022.

  2. Selecione a tecla Tab duas vezes para inserir o trecho de código.

    Você verá a assinatura do método static void Main() ser adicionada ao arquivo. O método Main() é o ponto de entrada para aplicativos C#.

Os trechos de código disponíveis variam de acordo com a linguagem de programação. Para visualizar os trechos de código disponíveis para a sua linguagem, vá para Editar>IntelliSense>Inserir Trecho ou selecione Ctrl+K, Ctrl+X e selecione a pasta para a sua linguagem de programação. Para C#, a lista de trechos de código tem esta aparência:

Captura de tela de um pop-up do IntelliSense para uma lista de trechos de código C#.

A lista inclui trechos para criar uma classe , um construtor , um laço para, uma instrução if ou switch, e muito mais.

Comentar o código

A barra de ferramentas, que é a linha de botões sob a barra de menus no Visual Studio, pode ajudar a torná-lo mais produtivo à medida que codifica. Por exemplo, você pode alternar o modo de conclusão do IntelliSense (IntelliSense é um auxílio de codificação que exibe uma lista de métodos correspondentes, entre outras coisas), aumentar ou diminuir um recuo de linha ou comentar o código que você não deseja compilar. Nesta seção, comentaremos alguns códigos.

Captura de tela da barra de ferramentas Editor no Visual Studio.

  1. Cole o código a seguir no corpo do método Main().

    // _words is a string array that we'll sort alphabetically
    string[] _words = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] morewords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    IEnumerable<string> query = from word in _words
                                orderby word.Length
                                select word;
    
  2. Não estamos usando a variável morewords, mas podemos usá-la mais tarde, então não queremos excluí-la completamente. Em vez disso, vamos comentar essas linhas. Selecione toda a definição de morewords até ao ponto-e-vírgula de encerramento e, em seguida, escolha o botão Comentar as linhas selecionadas na barra de ferramentas. Se preferir usar o teclado, pressione Ctrl+KCtrl+C.

    Captura de tela do botão Comentar na barra de ferramentas Editor no Visual Studio.

    Os caracteres de comentário C# // são adicionados ao início de cada linha selecionada para comentar o código.

A barra de ferramentas do Editor de Texto, a linha de botões sob a barra de menus no Visual Studio, ajuda a torná-lo mais produtivo à medida que codifica. Por exemplo, pode alternar entre os modos de conclusão do IntelliSense, aumentar ou diminuir a indentação de uma linha, ou adicionar comentários ao código que não deseja compilar.

Captura de tela da barra de ferramentas Editor de Texto no Visual Studio 2022.

Vamos comentar um pouco de código.

  1. Cole o código a seguir no corpo do método Main().

    // someWords is a string array.
    string[] someWords = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] moreWords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    // Alphabetically sort the words.
    IEnumerable<string> query = from word in someWords
                                orderby word
                                select word;
    
  2. A moreWords variável não está sendo usada no momento, mas você pode usá-la mais tarde, portanto, em vez de excluí-la, você pode comentar essas linhas. Selecione toda a definição de moreWords até o ponto-e-vírgula de fechar e, em seguida, clique no botão Comentar as linhas selecionadas na barra de ferramentas do Editor de Texto ou pressione Ctrl+K, Ctrl+C.

    Captura de tela do botão Comentar na barra de ferramentas do Editor de Texto no Visual Studio 2022.

    Os caracteres de comentário C# // são adicionados ao início de cada linha selecionada para comentar o código.

    Para descomentar linhas, você pode selecioná-las e, em seguida, selecionar Descomentar o botão de linhas selecionadas na barra de ferramentas do Editor de Texto ou selecionar Ctrl+K, Ctrl+U.

    Captura de tela do botão Cancelar comentário na barra de ferramentas do Editor de Texto no Visual Studio 2022.

Recolher blocos de código

Não queremos ver o construtor vazio de que foi gerado para Class1, por isso, para organizar a nossa visão do código, vamos reduzi-lo. Escolha a pequena caixa cinza com o sinal de menos dentro dela na margem da primeira linha do construtor. Ou, se preferir usar o teclado, coloque o cursor em qualquer lugar no código do construtor e pressione Ctrl+M, Ctrl+M.

Captura de ecrã do botão de recolher na barra de ferramentas do Editor de texto no Visual Studio.

O bloco de código é reduzido até à primeira linha, seguida por reticências (...). Para expandir o bloco de código novamente, clique na mesma caixa cinza que agora tem um sinal de mais ou pressione Ctrl+MCtrl+M novamente. Esse recurso é chamado de Estrutura de Tópicos e é especialmente útil quando você está recolhendo métodos longos ou classes inteiras.

Se não quiser ver o construtor vazio que foi gerado para Class1, pode reduzi-lo para desimpedir a exibição do código. Selecione o sinal de cursor na margem da primeira linha do construtor. Ou, se preferir usar o teclado, coloque o cursor em qualquer lugar no código do construtor e selecione as teclas Ctrl+MCtrl+M.

Captura de ecrã do botão Recolher contornos na barra de ferramentas do Editor de Texto.

O bloco de código é reduzido até à primeira linha, seguida por reticências (...). Para expandir o bloco de código novamente, selecione o sinal de cursor (>) ou selecione Ctrl+M, Ctrl+M novamente. Esse recurso é chamado de Estrutura de Tópicos e é especialmente útil quando você está recolhendo métodos longos ou classes inteiras.

Ver definições de símbolos

O editor do Visual Studio facilita a inspeção da definição de um tipo, método, etc. Uma maneira é navegar até o arquivo que contém a definição, por exemplo, escolhendo Ir para Definição qualquer lugar onde o símbolo seja referenciado. Uma maneira ainda mais rápida de não desviar seu foco do arquivo em que você está trabalhando é usar Peek Definition. Vamos espreitar a definição do tipo string.

  1. Clique com o botão direito do mouse em qualquer ocorrência de string e escolha Visualizar Definição no menu de contexto. Ou pressione Alt+F12.

    Uma janela pop-up aparece com a definição da classe String. Pode deslocar-se dentro da janela pop-up, ou até verificar a definição de outro tipo a partir do código que está a visualizar.

    Captura de tela de uma janela de definição Peek no Visual Studio.

  2. Feche a janela de definição espiada escolhendo a pequena caixa com um "x" no canto superior direito da janela pop-up.

O editor do Visual Studio facilita a inspeção da definição de um tipo, método ou variável. Uma maneira é ir para a definição, no qualquer ficheiro que a contenha, escolhendo Ir para Definição ou selecionando a tecla F12 em qualquer ponto onde um símbolo seja referenciado. Uma maneira ainda mais rápida de não desviar seu foco do código em que você está trabalhando é usar Peek Definition.

Vamos espreitar a definição do tipo string.

  1. Clique com o botão direito do mouse em qualquer ocorrência de string e escolha Visualizar Definição no menu de contexto. Ou selecione as teclasAlt+ F12.

    Uma janela pop-up aparece com a definição da classe String. Pode deslocar-se dentro da janela pop-up, ou até verificar a definição de outro tipo a partir do código que está a visualizar.

    Captura de tela da janela de definição Peek no Visual Studio.

  2. Feche a janela de visualização clicando na pequena caixa com um "x" no canto superior direito da janela emergente.

Use o IntelliSense para completar palavras

IntelliSense é um recurso inestimável quando você está codificando. Ele pode mostrar informações sobre membros disponíveis de um tipo ou detalhes de parâmetros para diferentes sobrecargas de um método. Você também pode usar o IntelliSense para completar uma palavra depois de digitar caracteres suficientes para desambiguá-la. Vamos adicionar uma linha de código para imprimir as cadeias de caracteres ordenadas na janela do console, que é o local padrão para a saída do programa.

  1. Abaixo da variável query, comece a digitar o seguinte código:

    foreach (string str in qu
    

    O IntelliSense mostra-lhe Informações Rápidas sobre o símbolo query.

    Captura de tela de um pop-up de conclusão de palavra IntelliSense no Visual Studio.

  2. Para inserir o restante da palavra query usando a funcionalidade de preenchimento de palavras do IntelliSense, pressione Tab.

  3. Conclua o bloco de código para que se assemelhe ao código a seguir. Você pode até mesmo praticar o uso de trechos de código novamente digitando cw e, em seguida, pressionando Tab duas vezes para gerar o código Console.WriteLine.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

IntelliSense é um recurso inestimável quando você está codificando. Ele pode mostrar informações sobre membros disponíveis de um tipo ou detalhes de parâmetros para diferentes sobrecargas de um método. Você também pode usar o IntelliSense para completar uma palavra depois de digitar caracteres suficientes para desambiguá-la.

Vamos adicionar uma linha de código para imprimir as cadeias de caracteres ordenadas na janela do console, que é o local padrão para a saída do programa.

  1. Abaixo da variável query, comece a digitar o seguinte código:

    foreach (string str in qu
    

    Você verá um pop-up IntelliSense aparecer com informações sobre o símbolo query.

    Captura de tela de um pop-up de conclusão de palavra IntelliSense no Visual Studio 2022.

    Se você estiver conectado com uma conta do GitHub que tenha uma assinatura do Copilot, também verá sugestões de código aparecerem em texto cinza.

  2. Para inserir o restante da palavra query usando o preenchimento de palavras do IntelliSense, selecione a tecla Tab.

  3. Conclua o bloco de código para que se assemelhe ao código a seguir. Você pode praticar ainda mais com trechos de código digitando cw e, em seguida, selecionando Tab duas vezes para gerar a instrução Console.WriteLine.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

Refatorar um nome

Ninguém acerta o código na primeira vez, e uma das coisas que você pode ter que alterar é o nome de uma variável ou método. Vamos experimentar a funcionalidade de refatoração do Visual Studio para renomear a variável _words para words.

  1. Coloque o cursor sobre a definição da variável _words e escolha Renomear no menu de contexto ou clique com o botão direito do mouse ou pressione Ctrl+RCtrl+R.

    Uma caixa de diálogo pop-up Renomear aparece no canto superior direito do editor.

  2. Digite o nome desejado palavras. Observe que a referência a words na consulta também é renomeada automaticamente. Antes de pressionar Enter, marque a caixa de seleção Incluir comentários na caixa pop-up Renomear.

    Captura de ecrã de uma caixa de diálogo Renomear no Visual Studio.

  3. Pressione Enter.

    Ambas as ocorrências de words foram renomeadas, bem como a referência a words no comentário de código.

Ninguém acerta o código na primeira vez, e uma das coisas que você pode ter que alterar é o nome de uma variável ou método. Vamos experimentar a funcionalidade de refatoração do Visual Studio para renomear a variável someWords para unsortedWords.

  1. Coloque o cursor sobre a definição da variável someWords, e escolha Renomear a partir do menu de contexto ou clique com o botão direito do rato, ou selecione a tecla F2.

    Uma caixa de diálogo de renomeação aparece no canto superior direito do editor.

    Captura de ecrã da caixa pop-up Renomear no editor do Visual Studio 2022.

  2. Digite o nome desejado unsortedWords. Você verá que a referência a unsortedWords na declaração de atribuição query também é renomeada automaticamente. Antes de selecionar a tecla Enter, selecione a caixa de seleção Incluir comentários na caixa pop-up Renomear.

    Captura de tela da caixa de diálogo Renomear no Visual Studio 2022.

  3. Selecione a tecla Enter.

    Ambas as ocorrências de someWords em seu código foram renomeadas, bem como o texto someWords em seu comentário de código.

Próximos passos

Consulte também