> ## Content Index
> Fetch the complete content index at: https://www.azurebrasil.cloud/llms.txt
> Use this file to discover other available public pages before exploring further.

# Dicas & Sugestões - O inline do GitHub Copilot: como acelerar seu fluxo de código direto no editor
- URL: https://www.azurebrasil.cloud/blog/dica-sugestoes-o-inline-do-github-copilot-como-acelerar-seu-fluxo-de-codigo-direto-no-editor/
- Published: 2026-08-25T11:41:00.000Z
- Updated: 2026-09-04T14:59:55.000Z
- Author: Felipe Faria

[GitHub Copilot](https://docs.github.com/en/copilot/get-started/what-is-github-copilot?ref=azurebrasil.cloud) é o assistente de IA da GitHub que se integra diretamente à sua IDE para acelerar a escrita de código. Dentro do editor, ele oferece dois modos principais de interação: o modo inline, embutido no fluxo de edição e nos menus de contexto, e a interface de chat, com opções mais amplas de conversa e acesso ao Agent Mode. Este artigo foca no modo inline, mostrando como o GitHub Copilot sugere código enquanto você digita, como pedir alternativas, como usar comentários para guiar ou questionar a IA, e como acionar recursos de revisão de código diretamente pelo VS Code ([Inline suggestions from GitHub Copilot in VS Code](https://code.visualstudio.com/docs/editing/ai-powered-suggestions?ref=azurebrasil.cloud)).

Ao editar qualquer arquivo com o GitHub Copilot ativo, o primeiro sinal da sua presença costuma ser um lembrete inline para abrir o GitHub Copilot Chat pelo atalho Meta-I. Esse lembrete aparece sempre que você começa a editar um arquivo, mas pode ser ignorado sem problema, bastando continuar digitando normalmente.

Suponha que você crie um arquivo isPrime.js dentro de um projeto [Vue.js](https://vuejs.org/guide/introduction.html?ref=azurebrasil.cloud) para verificar se um número é primo. Ao digitar a assinatura da função, o GitHub Copilot já começa a sugerir um corpo completo:

```javascript
export function isPrime(n) {
  if (n < 2) return false
  for (let i = 2; i <= Math.sqrt(n); i++) {
    if (n % i === 0) return false
  }
  return true
}
```

O texto sugerido aparece como ghost text, exibido em itálico e com fonte mais clara até ser aceito. Uma barra cinza no topo da sugestão traz os controles para aceitar o trecho inteiro com Tab, aceitar apenas uma palavra por vez, ou alternar entre múltiplas opções quando o GitHub Copilot gera mais de uma. Um indicador como < 1/2 > mostra quantas alternativas existem e qual delas está em exibição; para navegar entre elas, basta usar as setas da barra ou os atalhos de teclado correspondentes.

Depois de aceita, a sugestão deixa de ter aparência de fantasma e passa a se comportar como qualquer texto digitado manualmente. O fluxo típico de trabalho passa a ser: aceitar ou descartar a sugestão, digitar código adicional quando necessário, aguardar um instante para o GitHub Copilot processar o contexto e gerar novas opções, e repetir esse ciclo até finalizar a tarefa. Vale lembrar que, por se tratar de IA generativa, repetir o mesmo exercício não garante receber as mesmas sugestões nem a mesma quantidade de alternativas.

Quando as sugestões inline não parecem suficientes, o atalho Ctrl+Enter abre um painel somente leitura com uma lista mais ampla de conclusões alternativas. Esse recurso funciona melhor antes de aceitar qualquer sugestão, já que gera resultados mais completos quando o contexto ainda está em aberto. Aplicado sobre código já escrito, o resultado tende a ser mais parcial, por isso selecionar o trecho relevante antes de acionar o painel ajuda o GitHub Copilot a entender o que você espera.

Comentários também constroem contexto para o GitHub Copilot, seja de forma passiva, como documentação comum, seja de forma ativa, como instrução direta. Um comentário como o abaixo, sozinho em um arquivo novo, já é suficiente para o GitHub Copilot propor uma implementação completa:

```javascript
// criar uma função para determinar se um número é primo
export function isPrime(n) {
  if (n < 2) return false
  for (let i = 2; i <= Math.sqrt(n); i++) {
    if (n % i === 0) return false
  }
  return true
}
```

Nesse cenário, o GitHub Copilot costuma oferecer duas alternativas quando ainda não há contexto suficiente: continuar o comentário ou já propor a assinatura da função. Assim que uma delas é aceita, o contexto se torna claro o bastante para que a definição completa seja sugerida em seguida.

Comentários também servem para pedir explicações. Um comentário como // explain the code above leva o GitHub Copilot a gerar linhas de comentário explicando o funcionamento do trecho acima, enquanto uma variação como // explique o código acima linha por linha produz uma explicação mais detalhada, linha a linha. O mesmo mecanismo permite fazer perguntas diretas, como // O que o código acima faz?, opcionalmente marcadas com o prefixo q: para deixar explícito que se trata de uma pergunta, ao que o GitHub Copilot responde com um comentário iniciado por a:. Historicamente essa era uma forma de obter respostas parecidas com um chat antes da existência do [GitHub Copilot Chat](https://docs.github.com/en/copilot/how-tos/chat-with-copilot/chat-in-ide?ref=azurebrasil.cloud) integrado ao editor, e ainda é útil quando você quer uma resposta curta embutida no próprio código.

Além das sugestões no editor, o GitHub Copilot também se integra aos menus de contexto da IDE. Quando uma definição de função está incompleta, um ícone de sparkle aparece ao lado da linha, e clicar nele abre um menu com opções avançadas, incluindo corrigir o código usando o GitHub Copilot como alternativa para obter uma conclusão. As opções variam conforme o contexto: no terminal, por exemplo, a opção Explicar se refere ao conteúdo exibido ali, não ao editor. Todos esses comandos também ficam acessíveis pela Paleta de Comandos (Meta-P ou F1), bastando digitar GitHub Copilot para listar as ações disponíveis, incluindo a execução direta da função de explicação.

Outra tarefa que o GithHub Copilot resolve pelo menu de contexto é a revisão de código. Considere o seguinte composable, criado para um projeto Vue.js e destinado a representar um ponto em três dimensões:

```javascript
import { reactive } from 'vue'

export function usePoint(x, y, z = 0) {
  const state = reactive({ x, y })

  function distance(other) {
    return (state.x - other.x) ** 2 +
           (state.y - other.y) ** 2 + (state.z - other.z) ** 2 ** 0.5
  }

  return { state, distance }
}

const p1 = usePoint(1, 2)
const p2 = usePoint(4, 6, 0)

console.log(p1.distance(p2.state))
```

usePoint()

- Recebe x, y e um z opcional, mas o objeto reactive nunca inclui z, o que faz state.z simplesmente não existir na instância.

distance()

- Calcula a distância entre dois pontos, mas a expressão está com precedência de operadores incorreta e nunca aplica a raiz quadrada ao resultado final, além de depender de state.z, que não foi definido.

Selecionando esse trecho, clicando com o botão direito e escolhendo GitHub Copilot, Review and Comment, o GitHub Copilot analisa o código e retorna comentários e alterações sugeridas em formato de diff, com o código atual em vermelho, precedido de menos, e o código sugerido em verde, precedido de mais. Uma caixa de diálogo permite navegar entre os comentários, aplicar ou descartar cada sugestão individualmente e seguir para o próximo item da revisão.

Por padrão, o GitHub Copilot só reporta problemas que considera realmente significativos, então é comum receber a mensagem de que nenhum problema foi encontrado mesmo quando existem violações de estilo ou boas práticas que outro revisor apontaria. Para obter um feedback mais rigoroso, é possível fornecer instruções de [revisão **personalizadas**](https://docs.github.com/en/copilot/tutorials/customize-code-review?ref=azurebrasil.cloud)diretamente no settings.json, na configuração github.copilot.chat.reviewSelection.instructions:

```javascript
"github.copilot.chat.reviewSelection.instructions": [
  {
    "text": "Certifique-se de que todas as funções exportadas tenham comentários JSDoc adequados"
  }
]
```

Depois de salvar essa regra, uma nova revisão do mesmo código passa a considerar também esse critério. Como alternativa, é possível manter até cinco regras em um arquivo Markdown salvo em .github/copilot-review-guidelines.md, que o GitHub Copilot localiza e aplica automaticamente, ou apontar para um arquivo Markdown em qualquer diretório do projeto usando a propriedade file:

```javascript
"github.copilot.chat.reviewSelection.instructions": [
  {
    "file": "./docs/review-guide.md"
  }
]
```

Nesse segundo caso, o arquivo docs/review-guide.md conteria simplesmente o texto da regra desejada, como garantir que todas as funções exportadas tenham comentários JSDoc adequados. O mesmo ícone de sparkle aparece ainda no painel de controle de versão, ao final do campo de mensagem de commit, permitindo que o GitHub Copilot sugira uma mensagem com base nas alterações em vez de você escrevê-la manualmente.

Por fim, o GitHub Copilot expõe vários controles de configuração direto na IDE. Na barra de status, um clique no ícone do GitHub Copilot permite desativar rapidamente as sugestões de preenchimento para todos os arquivos ou apenas para a linguagem ativa no momento, como JavaScript ou Vue, o que é útil quando as sugestões atrapalham um trabalho que exige digitação rápida e concentrada. No ícone do GitHub Copilot na parte superior da IDE, a opção Configure Code Completions reúne outras três ações relevantes: abrir o painel de sugestões alternativas (o mesmo comportamento do atalho Ctrl+Enter), trocar o modelo usado para as sugestões de código sem afetar o modelo do chat, e ativar ou desativar as sugestões de preenchimento. A partir dali, Edit Settings leva direto às configurações do GitHub Copilot, onde também aparecem opções marcadas como Preview, mais próximas de um lançamento oficial e abertas a testes públicos, e opções Experimental, em estágio inicial e sujeitas a mudanças significativas antes de chegarem à produção.

Com o domínio das sugestões inline, dos comentários como contexto e diretriz, e da revisão de código pelo menu de contexto, você já tem a base para acelerar boa parte do trabalho do dia a dia com o GitHub Copilot direto no editor em projetos Vue.js.

Links e Docs:

[What is GitHub Copilot? - GitHub DocsLearn what Copilot is and what you can do with it.![](https://storage.ghost.io/c/00/52/0052dced-0017-4d07-b190-1f5c48e0ab59/content/images/icon/favicon-4eeefee0-5baa-4e9f-adc2-52cc6e855297.png)GitHub Docs![](https://storage.ghost.io/c/00/52/0052dced-0017-4d07-b190-1f5c48e0ab59/content/images/thumbnail/copilot-616dad26-674a-46f0-8332-4d9a03a0d2bb.png)](https://docs.github.com/en/copilot/get-started/what-is-github-copilot?ref=azurebrasil.cloud)

[Inline suggestions from GitHub Copilot in VS CodeGet AI-powered inline suggestions from GitHub Copilot in VS Code, including ghost text completions and next edit suggestions.![](https://storage.ghost.io/c/00/52/0052dced-0017-4d07-b190-1f5c48e0ab59/content/images/icon/favicon-d530a453-7ae1-4b2c-8fa3-db233f12ced1.ico)MicrosoftMicrosoft![](https://storage.ghost.io/c/00/52/0052dced-0017-4d07-b190-1f5c48e0ab59/content/images/thumbnail/ai-powered-suggestions-510a04e4-9cfd-448e-ab88-a75f9000c2d6.webp)](https://code.visualstudio.com/docs/editing/ai-powered-suggestions?ref=azurebrasil.cloud)

[Vue.jsVue.js - The Progressive JavaScript Framework![](https://storage.ghost.io/c/00/52/0052dced-0017-4d07-b190-1f5c48e0ab59/content/images/icon/logo-2dcf5f37-2d8d-4749-a3c9-ef1261c923b0.png)Vue Mastery Logo![](https://storage.ghost.io/c/00/52/0052dced-0017-4d07-b190-1f5c48e0ab59/content/images/thumbnail/logo-9216041a-03c4-43d5-9240-9d3412b9da1a.png)](https://vuejs.org/guide/introduction.html?ref=azurebrasil.cloud)

[Asking GitHub Copilot questions in your IDE - GitHub DocsUse Copilot Chat in your editor to give you code suggestions, explain code, generate unit tests, and suggest code fixes.![](https://storage.ghost.io/c/00/52/0052dced-0017-4d07-b190-1f5c48e0ab59/content/images/icon/favicon-1eb8f28e-17fe-414a-8f21-76d839850184.png)GitHub Docs![](https://storage.ghost.io/c/00/52/0052dced-0017-4d07-b190-1f5c48e0ab59/content/images/thumbnail/copilot-fa557fd9-25c7-4f85-82b4-23c3c3576730.png)](https://docs.github.com/en/copilot/how-tos/chat-with-copilot/chat-in-ide?ref=azurebrasil.cloud)

[Using custom instructions to unlock the power of Copilot code review - GitHub DocsLearn how to write effective custom instructions that help GitHub Copilot provide more relevant and actionable code reviews.![](https://storage.ghost.io/c/00/52/0052dced-0017-4d07-b190-1f5c48e0ab59/content/images/icon/favicon-1882a9b7-278d-4d9e-9817-85397a038e23.png)GitHub Docs![](https://storage.ghost.io/c/00/52/0052dced-0017-4d07-b190-1f5c48e0ab59/content/images/thumbnail/copilot-e8bdb789-2936-47a9-97b2-f83ad77b5608.png)](https://docs.github.com/en/copilot/tutorials/customize-code-review?ref=azurebrasil.cloud)

  
Até a próxima e não esquece de me seguir no [LinkedIn](https://www.linkedin.com/in/flpfaria/?ref=azurebrasil.cloud)!  
Grande abraço!!!