KI-generierten Code mit Copilot hinzufügen (Vorschauversion)

[Dieses Thema ist Teil der Dokumentation zur Vorabversion und kann geändert werden.]

Fügen Sie KI-generierten Code hinzu, indem Sie Copilot in Visual Studio Code verwenden, um Code durch Interaktion mit Chats in natürlicher Sprache zu erstellen. Mit dem Feature Erklären können Sie auch tiefer in vorhandenen Code eintauchen und erfahren, was er bedeutet. In Power Pages erstellen Sie Websiteanpassungen mithilfe von HTML-, JS- oder CSS-Code, die das Power Pages Low-Code Design Studio derzeit nicht unterstützt. Diese Copilot-Chatumgebung unterstützt Power Pages-Entwickler wie Sie dabei, Code zu schreiben, indem Sie das gewünschte Codeverhalten in natürlicher Sprache beschreiben. Anschließend können Sie den generierten Code verfeinern und beim Anpassen Ihrer Website verwenden.

Visual Studio Code mit Copilot in Power Pages.

Wichtig

  • Dies ist eine Vorschauversion.
  • Funktionen in der Vorschauversion sind nicht für den Produktionseinsatz gedacht und können eine eingeschränkte Funktionalität aufweisen. Diese Funktionen stehen vor der offiziellen Veröffentlichung zur Verfügung, damit Kunden frühzeitig Zugriff erhalten und Feedback geben können.
  • Um die Möglichkeiten und Einschränkungen dieser Funktion zu verstehen, lesen Sie die FAQ für KI-generierten Code mit Copilot.

Anforderungen

Wenn Sie die Nutzung und Einschränkungen von Copilot verstehen möchten, lesen Sie die Allgemeinen Geschäftsbedingungen und die Häufig gestellten Fragen zu verantwortungsvoller KI. Überprüfen Sie die folgenden Anforderungen, um Copilot in Power Pages verwenden zu können.

Visual Studio Code

  • Installieren Sie die letzte Power Platform Tools-Erweiterung.

  • Öffnen Sie den Website-Stammordner in Visual Studio Code.

    Visual Studio Code-Explorer.

  • Melden Sie sich mit Ihren Dataverse Environment-Anmeldeinformationen bei Power Pages Copilot an.

Visual Studio Code für das Web

Sie können Copilot auch in Power Pages beim Bearbeiten von Code verwenden, indem Sie Visual Studio Code für das Web verwenden.

Ein Screenshot von Visual Studio Code für das Web.

Verwenden Sie Copilot, um Code zu generieren

Wichtig

Copilot in Visual Studio Code ist darauf abgestimmt, Code für Power Pages-Websites zu generieren, sodass seine Funktionalitäten auf Website-unterstützte Sprachen in Power Pages wie HTML, JavaScript und CSS beschränkt sind. Der generierte Code aus Copilot verwendet unterstützte Frameworks wie Bootstrap und jQuery.

  1. Beschreiben Sie im Copilot-Chat das gewünschte Codeverhalten mithilfe natürlicher Sprache. Beispiel: Code für Formularüberprüfungs- oder Ajax-Aufrufe mithilfe der Power Pages Web-API.
  2. Formulieren Sie Ihre Fragen im Copilot-Chat iterativ, bis Sie das bekommen, was Sie brauchen.
  3. Wenn Sie mit dem generierten Code zufrieden sind, können Sie den Codeausschnitt ganz einfach kopieren und einfügen oder den Code in die Power Pages Website einfügen und den Code weiter ändern.
  4. Verwenden Sie die Auf-/Ab- Pfeiltaste, um zwischen kürzlich eingegebenen Eingabeaufforderungen zu navigieren.

Beispiele:

  • 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

Anmerkung

  • Copilot generierten Code enthält möglicherweise nicht die richtigen Namen für Tabellen oder Spalten. Überprüfen Sie daher diese Details, bevor Sie den Code verwenden.
  • Um genaueren Code zu generieren, stellen Sie sicher, dass Sie die Datei dort öffnen, wo Sie den Code verwenden möchten. Öffnen Sie beispielsweise eine Webvorlage, wo Sie Web-API-Code hinzufügen möchten, oder öffnen Sie eine benutzerdefinierte JavaScript-Datei für Formulare, wo Sie eine Feldvalidierung hinzufügen möchten.

Fügen Sie KI-generierten Code hinzu.

Verwenden Sie „Erklären”, um Code zu verstehen

Das Copilot-Feature „Erklären” ist für Entwickler nützlich, die mit vorhandenem Code arbeiten und diesen verstehen möchten. Gehen Sie wie folgt vor, um das Feature „Erklären” zu verwenden:

Wählen Sie die Codezeilen, die Sie verstehen möchten, im Code-Editor aus. Klicken Sie mit der rechten Maustaste, um auf das Kontextmenü zuzugreifen. Wählen Sie Copilot in Power Pages und dann Erklären. Copilot schreibt die ausgewählten Codezeilen in den Chatbereich und erklärt Ihnen den Code.

Alternativ können Sie die Codezeilen auswählen und in den Copilot-Chatbereich Explain selected code schreiben. Sie können Copilot auch direkt fragen, indem Sie den Code in der Eingabeaufforderung hinzufügen. Sie können beispielsweise fragen Explain the following code {% include 'Page Copy'%}.

Ein Screenshot der Menüauswahl für den Zugriff auf das Explain-Feature von Copilot in Visual Studio Code.

Bekannte Probleme

In manchen Fällen wird eine Eingabeaufforderung fälschlicherweise als bösartiger Code eingestuft.

Helfen Sie uns, dieses Feature zu verbessern

Wählen Sie in jeder Antwort des Copilot-Chats die Feedbackoptionen aus, einen Daumen nach oben (👍), wenn Sie die Antwort oder den Daumen nach unten (👎) wünschen, wenn Sie dies nicht mögen. Ihr Feedback trägt wesentlich dazu bei, die Funktionen dieser Funktion zu verbessern.

Von Screenreadern verwendeter Text.

Siehe auch