Erstellen und Entwickeln einer Code-Komponente

In diesem Artikel wird gezeigt, wie Sie Codekomponenten mithilfe von 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 Add to PATH auswählen)
2. node.js (Verwenden der LTS-Version)
3. Microsoft Power Platform CLI (Verwenden der Visual Studio Code-Erweiterung)

Erstellen einer neuen Komponente

Ö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, 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. 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.

Entwickeln Ihrer Komponente

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

Alternativ können Sie die Komponente schnell mithilfe des Befehls npm run build im Visual Studio Code Terminalfenster für Entwicklungszwecke erstellen. Verwenden Sie npm run build -- --buildMode productionzum Erstellen einer Releaseversion .

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
API-Referenz für Power Apps komponentenframework
Überblick über das Power Apps Komponentenframework