Crear y generar un componente de código

Este artículo muestra cómo crear e implementar componentes de código utilizando Microsoft Power Platform CLI.

Requisitos previos

Necesita instalar los siguientes componentes:

1. Visual Studio Code (VSCode) (Asegúrese de que la opción Agregar a PATH esté seleccionada)
2. node.js (Se recomienda 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 luego abra una nueva ventana de terminal seleccionando Terminal > Nueva terminal.

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

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

3. Cree un nuevo proyecto de componente pasando algunos parámetros básicos utilizando 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 ejecutará el comando npm install, para que recupere todas las dependencias requeridas del proyecto.

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. Más información: Crear el primer componente de código

Crear su componente

Para generar el proyecto de componentes abra la carpeta de proyecto que contiene package.json en Visual Studio Code y use el comando (Ctrl-Mayús-B), y luego seleccione las opciones de compilación.

Como alternativa, puede crear el componente rápidamente usando el comando npm run build en la ventana del terminal Visual Studio Code con fines de desarrollo, o utilizar npm run build -- --buildMode production para crear una versión de lanzamiento.

Sugerencia

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

Finalmente, cuando haya terminado de implementar la lógica del componente en TypeScript, debe agrupar todos los elementos del componente de código en un archivo de solución para poder importar la solución en Microsoft Dataverse. Más información: 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

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).