Adicionar código gerado por IA através do Copilot (pré-visualização)

[Este tópico é documentação de pré-lançamento e está sujeito a alterações.]

Adicione código gerado por IA usando o Copilot no Visual Studio Code para o ajudar a criar código através da interação de chat em linguagem natural. Também pode aprofundar o código existente e saber o que significa usando a funcionalidade Explicar. No Power Pages, fazes personalizações do site usando código HTML, JS ou CSS que o estúdio de design low-code do Power Pages atualmente não suporta. Esta experiência de chat do Copilot ajuda programadores do Power Pages como você a escrever código, descrevendo o comportamento esperado através de linguagem natural. Em seguida, pode refinar o código gerado e utilizá-lo ao personalizar o site.

Importante

• Esta é uma funcionalidade de pré-visualização.
• As funcionalidades em pré-visualização não se destinam a utilização em produção e poderão ter funcionalidades limitadas. Estas caraterísticas estão disponíveis antes do lançamento oficial, para que os clientes possam ter acesso antecipadamente e enviar comentários.
• Para compreender as capacidades e limitações desta caraterística, consulte FAQ sobre o código gerado por IA através do Copilot.

Pré-requisitos

Para compreender a utilização e limitações do Copilot, consulte os termos e os documentos de FAQ da Responsible AI. Consulte os seguintes requisitos para começar a utilizar o Copilot no Power Pages.

Visual Studio Code

• Instale a extensão Power Platform Tools mais recente.

• Abra a pasta raiz do site no Visual Studio Code.

  

• Inicie sessão em Power Pages Copilot usando as suas credenciais do Ambiente Dataverse.

Visual Studio Code para a Web

Também pode usar o Copilot no Power Pages enquanto edita código, utilizando o Visual Studio Code para a Web.

Utilize o Copilot para gerar código

Importante

O Copilot no Visual Studio Code está afinado para gerar código para sites do Power Pages, pelo que as suas funcionalidades estão limitadas às linguagens suportadas do site do Power Pages como HTML, JavaScript e CSS. O código gerado pelo Copilot utiliza frameworks suportados como Bootstrap e jQuery.

1. No chat do Copilot, descreve o comportamento do código que queres usando linguagem natural. Por exemplo, código para validação de formulários ou chamadas Ajax usando a API Web do Power Pages.
2. Continue a reformular as suas perguntas no chat do Copilot iterativamente até ter aquilo de que precisa.
3. Quando estiver satisfeito com o código gerado, pode facilmente copiar e colar o excerto de código ou inserir o código no site do Power Pages e modificar ainda mais o código.
4. Utilize as teclas de seta para cima/baixo para navegar entre os comandos introduzidos recentemente.

Exemplos:

• Write code for Web API to fetch active contacts
• Write code in JavaScript to make sure that submitted value for phone number field is in valid format

Nota

• O código gerado pelo Copilot pode não ter os nomes corretos para tabelas ou colunas, por isso verifique estes detalhes antes de usar o código.
• Para gerar um código mais preciso, certifique-se de que abre o ficheiro onde pretende utilizar o código. Por exemplo, abra um modelo web onde pretende adicionar código da API Web ou abra um ficheiro JavaScript personalizado para formulários onde pretende adicionar validação de campo.

Use Explicar para compreender o código

A funcionalidade Explicar do Copilot é útil para programadores que estão a trabalhar no código existente e querem compreendê-lo. Para utilizar Explicar, siga estes passos:

Selecione as linhas de código que pretende compreender no editor de código. Clique com o botão direito do rato para aceder ao menu de contexto. Selecione Copilot no Power Pages e escolha Explicar. O Copilot grava as linhas de código selecionadas no painel de chat e fornece uma resposta explicando-lhe o código.

Em alternativa, selecione as linhas de código e escreva Explain selected code no painel de chat do Copilot. Também pode perguntar diretamente ao Copilot ao adicionar o código no prompt. Por exemplo, pode pedir Explain the following code {% include 'Page Copy'%}.

Problemas conhecidos

Em alguns casos, um pedido é classificado incorretamente como código mal intencionado.

Ajudar-nos a melhorar esta funcionalidade

Em cada resposta do chat do Copilot, seleciona as opções de feedback, um polegar para cima (👍) se gostares da resposta ou polegar para baixo (👎) se não gostaste. Os seus comentários contribuem significativamente para melhorar as capacidades desta funcionalidade.

Veja também

• FAQ para código gerado por IA através do Copilot
• Adicionar código gerado por IA através do Copilot no Visual Studio Code (vídeo)