Erstellen und Entwickeln einer Code-Komponente

  • Artikel

In diesem Artikel wird beschrieben, wie Sie Codekomponenten mithilfe von Microsoft Power Platform CLI erstellen und bereitstellen.

Anforderungen

Sie müssen die folgenden Komponenten installieren:

  1. Visual Studio Code (VSCode) (Stellen Sie sicher, dass die Option „Zu PFAD hinzufügen“ ausgewählt ist)
  2. node.js (LTS-Version wird empfohlen)
  3. Microsoft Power Platform CLI (Erweiterung von Visual Studio Code verwenden)

Erstellen einer neuen Komponente

Öffnen Sie Visual Studio Code und ein neues Terminalfenster über Terminal > Neues Terminal.

  1. Erstellen Sie im Terminalfenster einen neuen Ordner auf Ihrem lokalen Computer, z. B. C:\projects\My_code_Component mit dem Befehl mkdir <Specify the folder name>.

  2. Wechseln Sie mit dem Befehl cd <specify your new folder path> zum neu erstellen Ordner.

  3. Führen Sie den pac pcf init-Befehl aus, um ein neues Komponentenprojekt zu erstellen, indem Sie Basisparameter übergeben:

    pac pcf init --namespace <specify your namespace here> --name <Name of the code component> --template <component type> --run-npm-install

  4. Der obige Befehl wird auch den npm install-Befehl ausführen, um alle erforderlichen Projektabhängigkeiten abzurufen.

  5. Öffnen Sie Ihren Projektordner C:\projects\My_code_Component in einer Entwicklerumgebung Ihrer Wahl und beginnen Sie mit der Entwicklung Ihrer Code-Komponente. Die schnellste Möglichkeit, zu starten, besteht darin, code . über die Eingabeaufforderung auszuführen, sobald Sie sich im Verzeichnis C:\projects\My_code_Component befinden. Durch diesen Befehl wird das Komponentenprojekt in Visual Studio Code geöffnet.

  6. Implementieren Sie die erforderlichen Artefakte für die Komponente wie Manifest, Komponentenlogik und Formatierung und erstellen Sie dann das Komponentenprojekt. Mehr Informationen: Erstellen Sie Ihre erste Codekomponente

Entwickeln Ihrer Komponente

Um das Komponentenprojekt zu erstellen, öffnen Sie den Projektordner, der package.json in Visual Studio Code enthält, und verwenden Sie den Befehl (Strg-Umschalt-B). Dann wählen Sie Ihre Build-Optionen aus.

Alternativ können Sie die Komponente schnell mit dem npm run build-Befehl im Visual Studio Code-Terminalfenster für Entwicklungszwecke oder npm run build -- --buildMode production zum Erstellen einer Release-Version verwenden.

Tipp

Zum Debuggen der Komponente während oder nach dem Buildvorgang siehe Debuggen einer Code-Komponente.

Wenn Sie schließlich mit der Implementierung der Komponentenlogik in TypeScript fertig sind, müssen Sie alle Codekomponentenelemente in einer Lösungsdatei bündeln, damit Sie die Lösung in Microsoft Dataverse importieren können. Weitere Informationen: Bündeln einer Code-Komponente.

Siehe auch

Debuggen von Code-Komponenten
Bündeln einer Code-Komponente
Hinzufügen von Code-Komponenten zu einer Spalte oder Tabelle
Power Apps component framework-API-Referenz
Übersicht über das Power Apps component framework

Hinweis

Können Sie uns Ihre Präferenzen für die Dokumentationssprache mitteilen? Nehmen Sie an einer kurzen Umfrage teil. (Beachten Sie, dass diese Umfrage auf Englisch ist.)

Die Umfrage dauert etwa sieben Minuten. Es werden keine personenbezogenen Daten erhoben. (Datenschutzbestimmungen).