Erstellen und Entwickeln einer Code-Komponente

In diesem Artikel wird gezeigt, wie Sie mithilfe von Microsoft Power Platform CLI eine Codekomponente erstellen und kompilieren. Führen Sie diese Schritte aus, um ein Komponentenprojekt einzurichten, dessen Abhängigkeiten zu installieren und zu erstellen, damit Sie es packen und in Microsoft Dataverse importieren können.

Voraussetzungen

Installieren Sie die folgenden Komponenten:

1. Visual Studio Code (VSCode) (Stellen Sie sicher, dass Sie die Option „Zu PATH hinzufügen“ auswählen)
2. node.js (Verwenden der LTS-Version)
3. Microsoft Power Platform CLI (Verwenden der Visual Studio Code-Erweiterung)

Erstellen eines neuen Codekomponentenprojekts

Öffnen Sie Visual Studio Code, und öffnen Sie ein neues Terminalfenster, indem Sie Terminal>Neues Terminal auswählen.

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

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

3. Erstellen Sie ein neues Komponentenprojekt mithilfe des Befehls pac pcf init. In diesem Beispiel wird eine field Komponente mit dem Namen SampleComponent im Namespace Contoso erstellt:

   pac pcf init --namespace Contoso --name SampleComponent --template field --run-npm-install
   

4. Der vorherige Befehl führt auch den npm install Befehl aus, 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. Mit diesem 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. Weitere Informationen finden Sie unter Erstellen Ihrer ersten Codekomponente.

Codekomponente erstellen

Um das Komponentenprojekt zu erstellen, öffnen Sie den Projektordner mit package.json in Visual Studio Code. Verwenden Sie den Befehl STRG+UMSCHALT+B , und wählen Sie dann die Buildoptionen aus.

Alternativ können Sie die Komponente schnell erstellen, indem Sie den npm run build Befehl im Visual Studio Code-Terminalfenster für Entwicklungszwecke verwenden. Verwenden Sie npm run build -- --buildMode productionzum Erstellen einer Releaseversion .

Tipp

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

Wenn Sie die Implementierung der Komponentenlogik in TypeScript abgeschlossen haben, bündeln Sie alle Elemente der Codekomponente in eine Lösungsdatei. Sie können diese Lösungsdatei in Microsoft Dataverse importieren. Weitere Informationen finden Sie unter Packen einer Codekomponente.

Siehe auch

Debuggen von Code-Komponenten
Bündeln einer Code-Komponente
Hinzufügen von Code-Komponenten zu einer Spalte oder Tabelle
API-Referenz für Power Apps komponentenframework
Überblick über das Power Apps Komponentenframework