Ejercicio: crear un módulo nuevo

  • 10 minutos

Como desarrollador de comercio electrónico de la empresa Fabrikam, se le ha pedido que cree un nuevo módulo. La empresa quiere un módulo sencillo que se llamará Product-feature.

En este ejercicio, realizará las siguientes tareas:

  1. Trabajar en Visual Studio Code para crear un nuevo módulo.
  2. Actualizar el contenido del módulo.

Antes de comenzar

Deberá tener un entorno que tenga las herramientas de desarrollo y el SDK instalados, además de Visual Studio Code.

Crear un nuevo módulo

Para crear un nuevo módulo, siga estos pasos:

  1. Copie el comando de la CLI.

    yarn msdyn365 add-module product-feature

  2. Abra Visual Studio Code y seleccione Terminal > Nuevo terminal (asegúrese de que la ventana que se abra sea de símbolo del sistema y no de PowerShell).

  3. En la ventana Nuevo terminal, pegue el comando que ha copiado y seleccione Entrar para ejecutar el comando.

  4. En la misma ventana, ejecute Node Server con el comando yarn start.

  5. Desde el entorno de espacio aislado (https://localhost:4000/_sdk/allmodules), seleccione el módulo Característica de producto y aparecerá el contenido predefinido.

  6. Para actualizar el contenido, vuelva al archivo VS Code>Modules>product-feature>product-feature.view.tsx.

  7. Abra el archivo y actualice el contenido de las etiquetas <h2> del formato HTML. Escriba Hola antes de Valor de configuración y luego especifique Mundo antes de Valor del recurso.

  8. Seleccione Guardar.

  9. Actualice la página. Las dos primeras filas deben mostrar Hola Mundo antes del otro texto.