Crear y generar un componente de código

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

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 (Utilizar 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 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 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 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 el símbolo del sistema una vez que está 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 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 npm run build comando en la ventana del terminal de Visual Studio Code con fines de desarrollo. Para compilar una versión de lanzamiento, use npm run build -- --buildMode production.

Propina

Para depurar el componente durante o después de operaciones de compilación, consulte Depurar un componente de código.

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 de Power Apps component framework
Información general sobre Power Apps component framework