Afegir codi generat per IA amb el Copilot (versió preliminar)

[Aquest tema és documentació preliminar i està subjecte a canvis.]

Afegeix codi generat per IA utilitzant Copilot a Visual Studio Code per ajudar-te a crear codi mitjançant la interacció de xat en llenguatge natural. També podeu aprofundir en el codi existent i aprendre què significa mitjançant la funció Explica . A Power Pages, es fan personalitzacions del lloc utilitzant codi HTML, JS o CSS que l'estudi de disseny low-code de Power Pages actualment no suporta. Aquesta experiència de xat Copilot ajuda desenvolupadors de Power Pages com tu a escriure codi descrivint el comportament esperat del teu codi mitjançant llenguatge natural. A continuació, podeu refinar el codi generat i utilitzar-lo quan personalitzeu el vostre lloc.

Visual Studio Codi amb Copilot in Power Pages.

Important

  • Aquesta és una característica de visualització prèvia.
  • Les característiques de visualització prèvia no estan dissenyades per a un entorn de producció i poden tenir una funcionalitat restringida. Aquestes característiques estan disponibles abans d’un llançament oficial de producte per tal que els clients el puguin utilitzar abans i enviar-nos els seus comentaris.
  • Per entendre les capacitats i limitacions d'aquesta funció, vegeu Preguntes freqüents sobre el codi generat per IA mitjançant Copilot.

Requisits previs

Per entendre l'ús i les limitacions de Copilot, revisa els termes i els documents de preguntes freqüents de Responsible AI. Comproveu els requisits següents per començar a utilitzar Copilot a Power Pages.

Visual Studio Code

  • Instal·leu l'última Power Platform extensió Eines.

  • Obriu la carpeta arrel del lloc a Visual Studio Codi.

    Explorador del Visual Studio Code.

  • Inicia sessió a Power Pages Copilot utilitzant les teves credencials de Dataverse Environment.

Visual Studio Codi per a la web

També pots utilitzar Copilot a Power Pages mentre edites codi utilitzant Visual Studio Code per a la web.

Una captura de pantalla de Visual Studio Code for the Web.

Utilitzar Copilot per generar codi

Important

Copilot in Visual Studio Code està ajustat per generar codi per a Power Pages llocs, de manera que les seves funcionalitats es limiten a Power Pages llenguatges compatibles amb el lloc com HTML, JavaScript i CSS. El codi generat per Copilot fa servir frameworks compatibles com Bootstrap i jQuery.

  1. Al xat de Copilot, descriu el comportament del codi que vols utilitzant llenguatge natural. Per exemple, codi per a validació de formularis o crides Ajax utilitzant l'API web de Power Pages.
  2. Continueu reformulant les vostres preguntes al xat de Copilot de manera iterativa fins que obtingueu el que necessiteu.
  3. Quan estiguis satisfet amb el codi generat, pots copiar i enganxar fàcilment el fragment de codi o inserir el codi al lloc de Power Pages i modificar el codi encara més.
  4. Utilitzeu la tecla fletxa amunt/avall per navegar entre els missatges introduïts recentment.

Exemples:

  • 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

  • El codi generat per Copilot pot no tenir els noms correctes per a taules o columnes, així que verifica aquests detalls abans d'utilitzar el codi.
  • Per generar codi més exacte, assegureu-vos d'obrir el fitxer on voleu utilitzar el codi. Per exemple, obriu una plantilla web on voleu afegir el codi de l'API web o obriu un fitxer JavaScript personalitzat per als formularis on voleu afegir la validació de camp.

Afegiu codi generat per IA.

Utilitzar Explica per entendre el codi

La funció Explain de Copilot és útil per als desenvolupadors que treballen en codi existent i volen entendre'l. Per utilitzar Explica, segueix aquests passos:

Seleccioneu les línies de codi que voleu entendre de l'editor de codi. Feu clic amb el botó dret per accedir al menú contextual. Seleccioneu Copilot a Power Pages i trieu Explica. Copilot registra les línies de codi seleccionades al tauler de xat i us proporciona una resposta explicant el codi.

Alternativament, seleccioneu les línies de codi i escriviu Explain selected code al tauler de xat de Copilot. També podeu preguntar directament a Copilot afegint el codi a l'indicació. Per exemple, podeu preguntar Explain the following code {% include 'Page Copy'%}.

Una captura de pantalla de les seleccions de menú per accedir a la funció Explica de Copilot a Visual Studio Code.

Problemes coneguts

En alguns casos, un missatge es classifica incorrectament com a codi maliciós.

Ajudeu-nos a millorar aquesta funció

En cada resposta del xat de Copilot, selecciona les opcions de feedback, un polze amunt (👍) si t'agrada la resposta o polze avall (👎) si no t'ha agradat. Els vostres comentaris ens ajuden a millorar molt les capacitats d'aquesta característica.

Els lectors de pantalla utilitzen aquest text.

Consulteu també