Erstellen und Entwickeln einer Code-Komponente

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

Anforderungen

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 (Erweiterung von Visual Studio Code verwenden)

Erstellen einer neuen Komponente

Öffnen Sie Visual Studio Code, und öffnen Sie ein neues Terminalfenster, indem Sie "Terminal>New 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, indem Sie einige grundlegende Parameter mithilfe des Befehls pac pcf init übergeben:

   pac pcf init --namespace <specify your namespace here> --name <Name of the code component> --template <component type> --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. 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. Weitere Informationen finden Sie unter Erstellen Ihrer ersten Codekomponente.

Entwickeln Ihrer Komponente

Öffnen Sie zum Erstellen des Komponentenprojekts in Visual Studio Code den Projektordner, der package.json enthält. Verwenden Sie den Befehl (STRG-Shift-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 .

Trinkgeld

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 Codekomponentenelemente in einer Lösungsdatei. Mit dieser Lösungsdatei können Sie die Lösung 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
Power Apps component framework-API-Referenz
Power Apps component framework Übersicht