Leve sua produtividade de codificação para o próximo nível integrando o ChatGPT com o VS Code.
Você pode ser o chefe de suas tarefas e aumentar sua produtividade quando aprender a aproveitar as ferramentas de IA que saem dos laboratórios de pesquisa diariamente. O VS Code apresenta a extensão ChatGPT para oferecer a você um ambiente de codificação habilitado para OpenAI.
Você pode aproveitar o vasto modelo de codificação do ChatGPT para concluir seus projetos com mais eficiência e rapidez - diretamente no IDE. Aqui estão algumas maneiras úteis de usar o ChatGPT com o VS Code.
Como instalar e usar a extensão ChatGPT no VS Code
Quando você pesquisa por "ChatGPT" ou "Code GPT" no mercado de extensões do VS Code, muitas extensões relacionadas aparecem. Ao contrário do GitHub Copilot, eles não são oficialmente diretamente do OpenAI.
A maioria das extensões VS Code ChatGPT amostradas funcionam da mesma maneira. Mas vamos nos ater Extensão ChatGPT do EasyCode para este artigo, pois é bastante decente para demonstrar casos de uso do ChatGPT no VS Code. Ele suporta GPT-4 e GPT-3.5, tem um nível gratuito e não requer uma chave de API.
Para instalar a extensão ChatGPT no VS Code:
- Abra o VS Code e clique no ícone de configurações na parte inferior esquerda da barra lateral esquerda.
- Vá para Extensões.
- Como alternativa, pressione Ctrl + Shift + X (Comando + Shift + X para Mac) para abrir diretamente o mercado de extensões.
- Digite "ChatGPT - EasyCode" na barra de pesquisa no canto superior esquerdo.
- Clique na extensão quando vista.
- Finalmente, clique Instalar.
- Você verá o ícone da extensão na barra lateral esquerda após a instalação.
- Clique no ícone da extensão. Clique Experimente sem conta. Mas fique à vontade para Entrar se você tem uma conta ou Inscrever-se para uma nova conta com o provedor de extensão.
Como usar a extensão ChatGPT
- Para usar um prompt integrado, realce o código de destino e clique com o botão direito do mouse. Selecione qualquer um dos prompts disponíveis.
- Para escrever um prompt personalizado, clique com o botão direito do mouse no código destacado e selecione Ask GPT. Digite seu prompt na caixa de bate-papo na parte superior e pressione Digitar.
Como usar a extensão ChatGPT com sua base de código
Se você abriu o VS Code em seu diretório base de código e deseja que o ChatGPT acesse os módulos subjacentes:
- Clique no ícone da extensão na barra lateral esquerda. Em seguida, verifique o Pergunte à base de código caixa.
- Copie o código de destino e cole-o na caixa de bate-papo.
- Digite seu prompt abaixo do código (pressione Shift + Enter) na caixa de bate-papo.
- Imprensa Digitar ou clique no ícone enviar.
Agora vamos ver as várias maneiras de usar o ChatGPT no VS Code.
1. Refatore e modifique o código
O ChatGPT provou ser útil para modificar códigos procedimentais, funcionais e orientados a objetos.
Por exemplo, usando esta extensão, pedimos ao ChatGPT para refatorar o código defeituoso abaixo, uma função Python para criar um dicionário arbitrário e adicionar "Buy" a cada valor.
defmakeDict(n: str, **kwargs)->dito:
alguns: ditado
para valor chave em kwargs.items():
alguns = n+" "+valor
retornar alguns
novoDict = makeDict("Comprar", item1="Livro GPT", item2="Tutoria Java", item3="Guia de Caminhada")
Ele se saiu muito bem produzindo o código correto que fornece a saída esperada, com motivos detalhados para a modificação:
Além disso, você pode usar o Peça um acompanhamento caixa para dizer ao ChtGPT para converter o código em uma classe e mostrar como instanciá-lo:
O código gerado acima é mais modular e reutilizável.
2. Depurar seu código
Se o seu código gerar um erro ou não funcionar como deveria, pedir ao ChatGPT para depurá-lo diretamente dentro do VS Code economiza tempo.
Embora não haja um prompt interno para depuração, você pode usar o Pergunte ao GPT opção para criar um prompt personalizado para depurar seu código.
Pedimos à extensão ChatGPT para depurar o código que usamos anteriormente. Não só depurou. Ele explicou e gerou o correto, incluindo a saída esperada.
3. Escreva seu código em outro idioma
Você pode querer escrever um programa em um idioma específico além do seu núcleo. Você pode escrever seu código em sua linguagem principal e pedir ao ChatGPT para reescrevê-lo na linguagem de programação escolhida.
No entanto, o código gerado pode exigir pouca entrada humana, pois o ChatGPT pode falhar em fornecer um código convertido totalmente funcional em alguns casos.
Por exemplo, convertemos o seguinte código Python em seu equivalente C usando a extensão VS Code ChatGPT:
Você pode conseguir isso clicando com o botão direito do mouse no código realçado e selecionando o Pergunte ao GPT opção.
Aqui está o nosso prompt no VS Code:
Embora tenha gerado o equivalente em C duas vezes antes de acertar, o código final funciona.
4. Gere um componente de front-end para sua API
Se você escreveu uma API com endpoints diferentes, pode pedir à extensão ChatGPT para fornecer um componente de front-end para consumi-la usando uma estrutura específica. Isso pode ser React, Vue ou Angular.
Por exemplo, usamos a extensão para gerar um componente React para criar um cronograma de reunião com base em um terminal de API criado usando FastAPI do Python:
Como feito acima, você pode querer verificar o Pergunte à base de código caixa se você estiver lidando com uma grande base de código.
Depois de referenciar nossa base de código, a extensão ChatGPT do VS Code forneceu um componente React útil para usar o endpoint fornecido:
5. Explique os blocos de código
Suponha que você pegou um pedaço de código do Stack Overflow ou de um repositório GitHub. Você pode pedir à extensão ChatGPT no VS Code para explicar como funciona para melhor compreensão. Isso ajuda a depurar esse código facilmente se surgirem erros devido a alterações futuras no código.
Neste caso de uso de exemplo, pedimos à extensão ChatGPT para explicar o código a seguir; uma classe Python para verificar os endereços de e-mail dos usuários.
Gerou a seguinte resposta:
6. Gere modelos HTML para seu aplicativo
Usando a extensão ChatGPT no VS Code, você pode criar um modelo HTML (como campos de entrada) do zero, usando diretamente a caixa de bate-papo da extensão. Por exemplo, você pode dizer a ele para criar um modelo HTML para registro do usuário.
Mas e se você estiver escrevendo um aplicativo que renderiza dados em HTML diretamente (um não-SPA) e quiser um modelo específico do projeto? Você pode usar a extensão ChatGPT no VS Code para criar modelos HTML que exibem os dados de back-end para os usuários.
Por exemplo, se você estiver usando um Estrutura baseada em arquitetura MVT como Django, você pode usar a extensão para forjar modelos HTML para suas visualizações Django.
Novamente, para este tipo de caso de uso, você pode querer clicar no botão Pergunte à base de código caixa de seleção para ChatGPT para acessar sua base de código.
7. Teste de unidade seu código
Por mais essencial que seja o teste de unidade, ele pode consumir muito tempo. Você pode aproveitar a extensão ChatGPT do VS Code para gerar testes de unidade para o seu código e economizar tempo valioso de desenvolvimento.
Embora a extensão ChatGPT tenha um prompt interno para gerar testes de unidade, você pode querer escrever um prompt personalizado usando o Pergunte à base de código opção pela especificidade e melhor resultado.
Pedimos ao ChatGPT para escrever um teste de unidade para um endpoint de registro criado usando a FastAPI do Python:
Ele provou a base de código com eficiência para gerar o teste de unidade necessário:
8. Encontre possíveis vulnerabilidades de segurança
Embora possa não fornecer uma análise de segurança detalhada, a extensão VS Code ChatGPT pode ser uma ferramenta útil para rapidamente verifique se há vulnerabilidades de segurança em seu aplicativo base de código e economize seu tempo digitalizando manualmente.
Para permitir que o ChatGPT verifique sua base de código, use o Pergunte à base de código (clique no ícone da extensão e marque a opção Pergunte à base de código caixa).
Se você costuma apostar em algum jogo antigo ou novos recursos do VS Code, sinta-se à vontade para perguntar sobre o IDE a partir da extensão ChatGPT.
Por exemplo, você pode pedir à extensão que recomende as melhores extensões para depurar uma linguagem de programação específica.
Ou você pode fazer uma pergunta mais técnica, como abrir o VS Code na linha de comando.
10. Escreva a documentação diretamente do código VS
Você pode escrever documentação detalhada para um trecho de código diretamente do VS Code com facilidade usando a extensão ChatGPT.
Por exemplo, aqui está uma documentação detalhada de uma função de criação de link do Zoom (em formato HTML) que geramos usando a extensão VS Code ChatGPT:
Codifique com eficiência com ChatGPT no VS Code
Como programador em uma internet de ritmo acelerado, você deseja obter um produto viável mínimo no menor tempo possível. Embora o ChatGPT não seja totalmente confiável, ele pode ajudar na sua jornada de desenvolvimento se usado de forma criativa. E há muitos outros casos de uso do ChatGPT na programação. No entanto, com tudo isso dito, certifique-se de validar os resultados do ChatGPT, pois às vezes eles podem ser enganosos.
