Crear y generar un componente de código

En este artículo se muestra cómo crear y compilar un componente de código mediante Microsoft Power Platform CLI. Siga estos pasos para configurar un proyecto de componente, instalar sus dependencias y compilarlo para que pueda empaquetarlo e importarlo en Microsoft Dataverse.

Requisitos previos

Instale los siguientes componentes:

1. Visual Studio Code (VSCode) (Asegúrese de seleccionar la opción Agregar a PATH)
2. node.js (usar la versión LTS)
3. Microsoft Power Platform CLI (Utilice la extensión de Visual Studio Code)

Creación de un nuevo proyecto de componente de código

Abra Visual Studio Code y abra una nueva ventana de terminal seleccionando Terminal>Nuevo terminal.

1. En la ventana de terminal, cree una nueva carpeta en el equipo local, por ejemplo, C:\projects\My_code_Component mediante el comando mkdir <Specify the folder name>.

2. Vaya a la carpeta recién creada mediante el comando cd <specify your new folder path>.

3. Cree un proyecto de componente mediante el comando pac pcf init . En este ejemplo se crea un field componente denominado SampleComponent en el Contoso espacio de nombres :

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

4. El comando anterior también ejecuta el npm install comando para recuperar todas las dependencias del proyecto necesarias.

5. Abra la carpeta de proyecto C:\projects\My_code_Component en cualquier entorno de desarrollo de su elección y empiece con el desarrollo del componente de código. La forma más rápida de empezar es ejecutando code . desde la línea de comandos una vez que estés en el directorio C:\projects\My_code_Component. Este comando abre el proyecto de componente en Visual Studio Code.

6. Implemente los artefactos necesarios para el componente como manifiesto, lógica de componente y estilo y después compile el proyecto de componente. Para obtener más información, consulte Creación del primer componente de código.

Crear el componente de código

Para compilar el proyecto de componente, abra la carpeta del proyecto que contiene package.json en Visual Studio Code. Use el comando Ctrl+Mayús+B y, a continuación, seleccione las opciones de compilación.

Como alternativa, puede compilar rápidamente el componente mediante el comando npm run build en la ventana de terminal de Visual Studio Code con fines de desarrollo. Para compilar una versión de lanzamiento, use npm run build -- --buildMode production.

Cuando termine de implementar la lógica de componentes en TypeScript, agrupe todos los elementos de código del componente en un archivo de solución. Puede importar este archivo de solución en Microsoft Dataverse. Para obtener más información, vea Empaquetar un componente de código.

Consulte también

Depurar componentes de código
Empaquete un componente de código
Agregar componentes de código a una columna o tabla
Referencia de la API del framework de componentes de Power Apps
Introducción al marco de componentes de Power Apps