AI do cursor: Um guia com 10 exemplos práticos

O que é a IA do cursor e o que ela pode fazer?

O Cursor AI é um editor de código com tecnologia de IA projetado para facilitar o desenvolvimento de software. Como uma bifurcação do Visual Studio Code (VS Code), ele mantém a interface amigável e o amplo ecossistema do VS Code, facilitando a transição para os desenvolvedores já familiarizados com a plataforma.

A Cursor AI integra recursos avançados de IA por meio do ChatGPT da OpenAI e Claude. Essa integração permite que o Cursor AI ofereça sugestões inteligentes de código, detecção automatizada de erros e otimização dinâmica de código.

Principais recursos de autocompletar

O Cursor oferece recursos de preenchimento automático de teclas e código preditivo:

1. Previsão de código e preenchimento automático: O Cursor oferece a funcionalidade de preenchimento automático que prevê edições de várias linhas e se ajusta com base nas alterações recentes.
2. Geração de código: Familiarizado com as mudanças recentes, o Cursor prevê o que você quer fazer em seguida e sugere o código de acordo.
3. Edições de várias linhas: Ele pode sugerir edições que abrangem várias linhas.
4. Reescritas inteligentes: O editor pode corrigir e aprimorar automaticamente nosso código, mesmo se você digitar de forma descuidada.
5. Previsão do cursor: Ele prevê a próxima posição do cursor, permitindo que você navegue sem problemas pelo código.

Recursos de bate-papo

O Cursor também integra recursos avançados de bate-papo para facilitar a interação:

1. O Codebase responde: Consulte o Cursor sobre a base de código e ele pesquisará os arquivos para fornecer respostas relevantes.
2. Referência do código: Referenciar blocos específicos de código ou arquivos, integrando-os ao contexto de nossas consultas.
3. Suporte de imagem: Arraste imagens para o bate-papo ou use botões para adicionar contexto visual.
4. Pesquisa na Web: Obtenha as informações mais recentes da Internet diretamente nas consultas de código.
5. Aplicação instantânea: Implemente sugestões de código do bate-papo diretamente na base de código com o clique de um botão.
6. Integração de documentação: Consulte bibliotecas populares e adicione nossa própria documentação para acesso rápido.

Para obter uma lista abrangente de recursos, por exemplo, consulte a a página de recursos do Cursor.

Como instalar o Cursor AI

O Cursor AI fornece um arquivo de instalação para Linux, Windows e MacOS que pode ser baixado gratuitamente em seu site.

Para instalá-lo no Windows e no MacOS, você pode fazer o download na página inicial e instalar o arquivo de download como faria com qualquer outro programa.

No Linux, ele vem como um arquivo AppImage. Antes de executá-lo, precisamos torná-lo executável usando:

chmod a+x cursor-0.40.3x86_64.AppImage

Em seguida, podemos executá-lo com:

./cursor-0.40.3x86_64.AppImage

Talvez seja necessário substituir a versão 0.40.3x86_64 nos comandos acima, dependendo da versão que foi baixada. Para obter mais instruções sobre como instalar arquivos de imagem de aplicativos, consulte o o site deles.

Após a instalação, você verá a seguinte tela de configuração: 

• Teclado: Essa opção nos permite configurar os atalhos de teclado. Por padrão, ele usa os atalhos do VS Code, o que eu recomendo, a menos que você esteja familiarizado com outro editor de código da lista.
• Linguagem para IA: Aqui, temos a opção de usar um idioma diferente do inglês para interagir com a IA.
• Em toda a base de código: A ativação dessa opção permite que a IA compreenda o contexto de toda a base de código.
• Adicionar comando de terminal: Se instalados, eles permitem que o editor do Cursor AI seja executado a partir do terminal.

Como usar o Cursor AI: 10 casos de uso

Ao longo deste guia, forneceremos os atalhos do MacOS com a tecla Cmd ⌘. Os atalhos são os mesmos se você usar o Cursor no Windows ou no Linux, exceto que a tecla Ctrl é usada em seu lugar.

Geração de código em linha

Usamos o atalho Cmd+K para abrir o gerador de código em linha. Isso abre uma pequena janela de prompt na qual inserimos um prompt para gerar código:

Para gerar o código, digitamos um prompt e, em seguida, clicamos no botão gerar:

Isso gerará o código, e nós o adicionaremos ao nosso projeto clicando no botão aceitar:

Nesse caso, usamos o modelo cloude-3.5-sonnet. Você pode selecionar outro modelo usando o seletor suspenso de modelos:

Interagir com o código existente

Também podemos usar o bate-papo em linha para interagir com o código existente, selecionando o código relevante antes de usar o atalho Cmd+K. Isso pode ser usado para fazer alterações no código, como refatoração, ou para fazer perguntas sobre o código. Depois de digitar o prompt, clicamos no botão Submit Edit para obter as modificações:

As alterações de código no Cursor são apresentadas como uma diferença. As linhas vermelhas representam as linhas que serão excluídas pela alteração, enquanto as verdes representam as novas alterações que serão adicionadas:

Fazer perguntas sobre o código existente

Da mesma forma, podemos fazer perguntas sobre um trecho de código selecionando-o e usando o atalho Cmd+K. No caso de uma pergunta, clicamos no botão quick question para enviar o prompt:

Autocompletar com guia

Enquanto você estiver escrevendo código, o Cursor sugerirá conclusões de código geradas usando IA. De modo semelhante ao preenchimento de código tradicional, podemos usar a tecla Tab para incorporar essas sugestões ao nosso código.

Por exemplo, digamos que você comece a implementar uma função chamada maximum(). O Cursor reconhecerá nossa intenção e sugerirá uma implementação apropriada. Ao pressionar Tab, você pode adicionar o código sugerido:

O autocompletar também funciona com código escrito em linguagem natural. Por exemplo, se quisermos criar um loop for duplo para iterar sobre todos os pares em uma lista, podemos simplesmente descrever isso em texto simples. O cursor fornecerá a sugestão de autocompletar correspondente, que pode ser integrada pressionando a tecla Tab:

Visão geral da interface de bate-papo

Para abrir a janela de bate-papo, use o atalho Cmd+L. A janela de bate-papo é mais versátil do que o gerador em linha, pois permite que você não apenas gere código, mas também faça perguntas. Aqui está uma visão geral da interface de bate-papo:

Geração de código com chat

Da mesma forma que a geração com o bate-papo em linha, também podemos gerar código usando o recurso de bate-papo. O código gerado no chat pode ser integrado ao projeto clicando no botão Apply no canto superior direito da janela de código.

Aprimorando o contexto da consulta com @

Talvez o recurso mais importante da janela de bate-papo seja a opção @ Mention. Essa opção nos permite fornecer mais dados para a IA gerar a resposta. Isso varia de simples arquivos e pastas a pesquisas na Web ou a dar à IA acesso a um GitHub para que você possa acessar um repositório do GitHub.

Por exemplo, podemos usar o site @Web para permitir que a IA pesquise a resposta na Web.

Lembre-se de que, em alguns casos, pode ser problemático compartilhar toda a base de código ou um repositório privado do GitHub com a IA. Devemos estar atentos ao que compartilhamos com a IA e evitar compartilhar sensível ou dados privados.

Perguntas sobre a base de código global

Um dos recursos que considero mais úteis quando trabalho em projetos maiores é a capacidade de encontrar rapidamente um trecho de código fazendo uma pergunta com a base de código completa como escopo. Recentemente, eu queria localizar uma função em um projeto que calcula a direção de navegação em um aplicativo. Com o Cursor, eu poderia simplesmente localizá-lo descrevendo o que a função faz:

Observe que, nesse caso, usamos a opção codebase. Embora o Cursor não exibisse o código real por algum motivo, clicar na caixa de código ainda abria o arquivo correto e rolava até a função que eu estava procurando:

Suporte de imagem

O Cursor chat também suporta entradas de imagem. Por exemplo, podemos esboçar um design de interface do usuário para um site e pedir que ele gere o código HTML e CSS para ele. Para adicionar uma imagem, você pode arrastá-la e soltá-la na janela de bate-papo.

Adicionar documentação

Um recurso muito útil do Cursor AI é a capacidade de adicionar referências à documentação. Isso é especialmente útil para bibliotecas menos conhecidas ou privadas, cuja documentação pode não ter sido usada no processo de treinamento da IA.

Para adicionar uma entrada de documentação, usamos o símbolo @ e, em seguida, selecionamos Docs no menu suspenso:

Isso abrirá uma janela solicitando um URL para a documentação. Vamos adicionar o PyTorch como um exemplo:

Depois de inserir o URL, podemos dar um nome à entrada da documentação. Nesse caso, usamos PyTorch. Em seguida, podemos usar esse nome para fazer referência a essa documentação no prompt de bate-papo usando @PyTorch.

As referências de documentação também podem ser gerenciadas na seção Recursos nas configurações do Cursor:

AI do cursor: Recursos e benefícios adicionais

Suporte a idiomas

Os exemplos que mostramos neste artigo foram em Python, HTML e CSS. Mas o Cursor não foi criado com nenhum suporte específico a idiomas em mente. Como sua geração de código é baseada em LLMs de uso geralo Cursor pode gerar código em qualquer linguagem de programação. Ele usará a extensão do arquivo para adivinhar qual idioma deve ser usado.

Extensões

Como o Cursor foi desenvolvido com base no VS Code, ele herda de seu rico ecossistema de extensões. Você pode acessá-los no menu View.

Para configurar o Cursor para funcionar com Python, recomendamos que você leia o tutorial de configuração do Python do VSCodepois os mesmos recursos devem estar disponíveis tanto no VSCode quanto no Cursor.

Colaboração com outros

Usar ferramentas colaborativas, como Git com o Cursor é semelhante ao uso delas com qualquer editor de código. Essas ferramentas não dependem de como o código foi escrito. Existem extensões projetadas especificamente para ajudar com o Git.

Lembre-se de que o bate-papo do Cursor permite que você use repositórios Git dentro do contexto usando o operador @. Lembre-se de que isso deve ser usado com cautela se o repositório contiver dados privados.

Definição de regras de IA personalizadas

O cursor nos permite orientar a IA usando regras específicas. Você pode acessá-las no menu de configurações gerais:

Essas regras podem modificar o comportamento da IA sem a necessidade de solicitá-la repetidamente. Por exemplo, podemos garantir que a IA sempre use dicas de tipo em Python adicionando uma regra como "Always use type hints in Python function definitions."

Modelos de IA personalizados

Outro recurso interessante do Cursor é a capacidade de adicionar outros modelos de IA. Essa opção pode ser encontrada nas configurações de Models:

Aqui você pode adicionar novos modelos. Essas configurações de modelo também permitem que você adicione nossas chaves de API, se desejar.

Cursor AI vs GitHub Copilot

O Cursor AI e o GitHub Copilot são assistentes de código com tecnologia de IA, cada um oferecendo recursos exclusivos.

O Cursor AI foi desenvolvido com base no VSCode e funciona como um editor autônomo. Ele se integra estreitamente ao ambiente de codificação para automatizar tarefas e fornecer sugestões intuitivas de código, o que ajuda a simplificar a criação e a refatoração de códigos. Ele é especialmente adequado para desenvolvedores que preferem uma integração profunda com um IDE familiar.

O GitHub Copilot, desenvolvido pelo GitHub e pela OpenAI, integra-se a vários editores de código populares, como o Visual Studio Code. Ele fornece sugestões de código com reconhecimento de contexto com base no estilo de codificação do usuário e no contexto do projeto. O GitHub Copilot é excelente na previsão de linhas de código subsequentes e oferece suporte a uma ampla variedade de linguagens e estruturas de programação.

Do ponto de vista da integração, o Cursor AI oferece personalização significativa em seu ambiente autônomo baseado em VSCode, o que pode melhorar o fluxo de trabalho para alguns usuários. Em contrapartida, o GitHub Copilot é conhecido por sua fácil configuração e integração com IDEs amplamente utilizados, o que facilita a adoção por muitos desenvolvedores.

Ambas as ferramentas oferecem sugestões de código em tempo real e suporte a várias linguagens e estruturas. O Cursor AI pode ser vantajoso para tarefas especializadas devido à sua profunda integração, enquanto o amplo suporte ao IDE do GitHub Copilot e a configuração simples o tornam acessível a um público mais amplo.

Por fim, a escolha entre o Cursor AI e o GitHub Copilot pode depender de fatores como necessidades de personalização, preferências de integração e orçamento. Ambas as ferramentas têm o objetivo de aumentar a eficiência da codificação de diferentes maneiras.

Conclusão

Ferramentas como o ChatGPT tornaram a programação muito mais acessível, permitindo que os usuários escrevam códigos simplesmente explicando seus objetivos em linguagem natural. O Cursor dá um passo adiante, integrando-se diretamente ao editor de código, eliminando a necessidade de alternar entre o editor e uma interface de bate-papo.

Embora o Cursor AI ofereça uma solução autônoma abrangente, projetada especificamente para uma integração profunda no ambiente VSCode, ferramentas como o GitHub Copilot oferecem versatilidade em vários IDEs populares. A escolha entre os dois depende, em última análise, das necessidades e preferências individuais de personalização e facilidade de configuração.

Em resumo, o Cursor AI é um editor de código avançado e orientado por IA que promete mudar a forma como os desenvolvedores abordam a codificação, a refatoração e a depuração.