Créer et générer un composant de code

Cet article explique comment créer et générer un composant de code à l’aide de Microsoft Power Platform CLI. Utilisez ces étapes pour configurer un projet de composant, installer ses dépendances et le générer afin de pouvoir empaqueter et l’importer dans Microsoft Dataverse.

Prerequisites

Installez les composants suivants :

1. Visual Studio Code (VSCode) (Vérifiez que vous sélectionnez l’option Ajouter au chemin d’accès)
2. node.js (utiliser la version LTS)
3. Microsoft Power Platform CLI (utiliser l’extension Visual Studio Code)

Créer un projet de composant de code

Ouvrez Visual Studio Code et ouvrez une nouvelle fenêtre de terminal en sélectionnant Terminal>New Terminal.

1. Dans la fenêtre de terminal, créez un dossier sur votre ordinateur local, par exemple C :\projects\My_code_Component à l’aide de la commande mkdir <Specify the folder name>.

2. Accédez au dossier nouvellement créé à l’aide de la commande cd <specify your new folder path>.

3. Créez un nouveau projet de composant à l’aide de la commande pac pcf init. Cet exemple crée un field composant nommé SampleComponent dans l’espace Contoso de noms :

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

4. La commande précédente exécute également la npm install commande pour récupérer toutes les dépendances de projet requises.

5. Ouvrez votre dossier de projet C:\projects\My_code_Component dans n’importe quel environnement de développement de votre choix et commencez à développer votre composant de code. La méthode la plus rapide pour commencer consiste à exécuter code . à partir de votre invite de commandes une fois que vous êtes dans le répertoire C:\projects\My_code_Component. Cette commande ouvre votre projet de composant dans Visual Studio Code.

6. Mettez en œuvre les artefacts requis pour le composant comme le manifeste, la logique du composant et le style, puis créez le projet de composant. Pour plus d’informations, consultez Créer votre premier composant de code.

Créer votre composant de code

Pour générer le projet de composant, ouvrez le dossier de projet qui contient package.json dans Visual Studio Code. Utilisez la commande Ctrl+Maj+B , puis sélectionnez les options de génération.

Vous pouvez également générer rapidement le composant à l’aide de la commande npm run build dans la fenêtre de terminal Visual Studio Code à des fins de développement. Pour construire une version de production, utilisez npm run build -- --buildMode production.

Conseil / Astuce

Pour déboguer le composant pendant ou après l’opération de build, voir Déboguer un composant de code.

Lorsque vous avez terminé l’implémentation de la logique du composant dans TypeScript, regroupez tous les éléments de code du composant dans un fichier de solution. Vous pouvez importer ce fichier de solution dans Microsoft Dataverse. Pour plus d’informations, consultez Packager un composant de code.

Voir aussi

Déboguer des composants de code
Empaqueter un composant de code
Ajoutez des composants de code à une colonne ou une table
Référence d’API d’infrastructure Power Apps component framework
Vue d’ensemble de l’infrastructure de composants Power Apps