Pular para o conteúdo principal

Uso da StackSpot AI IDE

StackSpot AI é o assistente de desenvolvimento da StackSpot AI. Sugere e ajuda você a desenvolver e obter códigos melhores. Utilizando a plataforma da StackSpot AI, você pode instalar a extensão no seu ambiente de desenvolvimento integrado (IDE) e, interagir com a StackSpot AI para obter respostas enriquecidas com um código de maior qualidade.

Pré-requisitos

  • StackSpot AI é compatível apenas com a:
    • Versão 1.74.0 ou posterior do Visual Code Studio.
    • JetBrains IDE version.
    • Mantenha a sua IDE atualizada.

Siga os passos para instalar e usar o StackSpot AI

Passo 1. Instalar a extensão da StackSpot AI:

Passo 2. Acessar sua IDE

Este exemplo é Visual Code Studio

Então, na barra lateral esquerda, na barra de Atividades, clique no ícone de extensão;

Passo 3. Na barra de pesquisa superior, procure por 'StackSpot AI'

Clique em 'Instalar'.

Confira o exemplo:

Gif mostrando o processo de criação de uma Stack AI no portal da StackSpot AI. O usuário começa na seção Criar Stack AI, onde preenche todos os campos necessários, incluindo nome da Stack, descrição, e outros campos específicos para a configuração da Stack. Após preencher todos os detalhes, o usuário move o cursor para o botão Terminar e clica nele, finalizando o processo de criação da Stack AI. O restante da interface do portal é visível ao fundo, mas o foco principal é na ação de preenchimento dos campos e na conclusão do processo.

Passo 4. Cadastrar ou fazer o login com seu endereço de e-mail

Você pode criar uma conta Personal com seu GitHub. Siga as instruções do assistente;

Captura de tela da página de login do portal StackSpot AI. A imagem mostra um formulário de login com campos para inserir o endereço de e-mail e a senha. Acima dos campos, há o logotipo da StackSpot AI, e depois, um botão com o texto continue with email.

Captura de tela do Visual Code Studio perguntando se deseja abrir no navegador. Clique em Open.

Captura de tela do Visual Code Studio perguntando se permite que a extensão seja aberta no VSCode.

Step 5. Começar a usar a StackSpot AI

StackSpot AI IDE Resources

1. Indexação de Projeto

No canto localizado no superior direito, clique no botão ‘Mais Opções …’, você pode indexar seu projeto para adicionar mais contexto ao chat.

Gif with the StackSpot AI IDE project indexing

Para mais informações, acesse a página de Indexação de Projeto

2. Botões no chat na IDE

Existe quatro botões na caixa do chat da sua IDE para selecionar Agents, Workspaces, Knowledge Sources e Stack AI para facilitar a geração de respostas mais eficientes.

  • Agents: Selecione apenas um agente na seguintes opções:

    • Built-in: Agentes default da StackSpot AI.
    • Pessoal: The Agent you created.
    • Conta: Agent from your Account.
    • Compartilhado: The one shared with you.

  • Workspaces: seleciona um Workspace disponível na sua conta.

  • Knowledge Sources (KS): Você pode escolher um ou mais Knowledge Sources nas seguintes opções:

    • Conta: Os Knowledge Sources que estão disponíveis na sua conta.
    • Pessoal: KSs que você criou.
    • Shared: KSs compartilhados com você.

Imagem mostrando o botão de Knowledge Source na IDE da StackSpot AI, que permite selecionar ou adicionar Knowledge Sources.

  • Stacks AI: Você pode selecionar Stack AIs da sua Conta, Pessoal ou Compartilhado.

Confira como é na sua IDE:

GIF demonstrando a interface de chat na IDE da StackSpot AI, destacando os botões de Agentes, Workspace, Knowledge Source e Stack AI.

3. Criar um novo chat

  1. Para iniciar um novo chat, clique no botão 'Adicionar +' na aba superior da sua IDE.
  2. Para acessar o histórico da suas conversas, clique no botão com um relógio na aba superior da IDE.

Gif demonstrando a interface de chat na IDE da StackSpot AI e o botão de adição para criar um novo chat

Para mais informações, confira a seção Histórico de Conversa

4. Usar Agentes

Para mais informações, confira a seção de Usar Agentes

5. Usar Quick Commands

Para mais informações, confira a seção de Usar Quick Commands

6. Use e Compartilhe seu Conteúdo (Quick Command, Knowledge Source)

Para mais informações, confira a seção Compartilhar Conteúdo

Exemplo de Uso

Confira um exemplo de como usar a StackSpot AI:

No seu projeto de código, escreva no prompt:

  • Usuário: Eu quero gerar um boleto bancário na minha aplicação

StackSpot AI: Pensando...

A StackSpot AI revisa sua solicitação e sugere conteúdo mais genérico sem contexto anterior.

StackSpot AI: Eu encontrei uma API para ajudar você a gerar boletos bancários. Aqui está uma possível integração. Eu sugiro que você crie o arquivo bank_slip_api_integration.py com este código.

Confira um exemplo:

GIF demonstrando a interface de chat dentro da IDE da StackSpot AI. Na parte inferior da caixa de chat, são destacados três botões distintos. O primeiro botão, à esquerda, é para adicionar ou selecionar um Workspace, permitindo ao usuário escolher entre os Workspaces disponíveis. O segundo botão, no meio, é para adicionar ou selecionar Knowledge Sources, oferecendo uma lista dos que podem ser vinculados ao chat para enriquecer as interações. O terceiro botão, à direita, é para adicionar ou selecionar uma Stack AI, possibilitando a escolha entre diferentes Stacks AI disponíveis na conta do usuário. O GIF ilustra o processo de clique em cada botão, mostrando brevemente as opções disponíveis para cada seleção, facilitando a personalização da experiência de chat na IDE com base nas necessidades específicas do projeto do usuário.

Próximos Passos