Crear y generar un componente de código

En este artículo se muestra cómo crear e implementar componentes de código mediante Microsoft Power Platform CLI.

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)

Crear un componente

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 .

2. Vaya a la carpeta recién creada mediante el comando .

3. Cree un nuevo proyecto de componente pasando algunos parámetros básicos mediante el comando pac pcf init :

   pac pcf init --namespace <specify your namespace here> --name <Name of the code component> --template <component type> --run-npm-install
   

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

5. Abra la carpeta de proyecto 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 desde el símbolo del sistema una vez que estés en el directorio. 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 su componente

Para compilar el proyecto de componente, abra la carpeta del proyecto que contiene package.json en Visual Studio Code. Use el comando (Ctrl-Shift-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 .

Cuando haya terminado de implementar la lógica de componentes en TypeScript, agrupa todos los elementos del componente de código en un archivo de solución. Este archivo de solución le permite importar la solución en Microsoft Dataverse. Para obtener más información, vea Empaquetar un componente de código.

Vea 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 marco de componentes de Power Apps
Introducción al marco de componentes Power Apps