Vista previa del código

    Vista previa y generación del código de la aplicación

    La vista previa del código generado y la descarga de su trabajo como una aplicación Angular es el paso final después de diseñar una aplicación. La historia de usuario de diseño y desarrollo se completará una vez que la aplicación se genere con todas las propiedades de estilo y diseño.

    Vista previa del código

    El modo de vista previa permite interactuar con su diseño como si fuera una aplicación en ejecución. Por ejemplo, puede cambiar el tamaño de la ventana gráfica para ver cómo se comporta el posicionamiento de los componentes. Pero el valor real que ofrece a los desarrolladores es la vista previa del código de la aplicación que está a punto de generarse. Para verlo, puede activar la vista de código (code-view ON) y verla lado a lado con el diseño. Está en modo de solo lectura, pero le ayudará a revisar la calidad del código producido.

    view-code-Indigo-Design-App-Builder

    Ver código en el modo de vista previa

    La vista de código permite ver el HTML, CSS y TS por separado. Esto ahorra tiempo eximiéndole del esfuerzo de escribir marcado y CSS para crear algo que sea perfectamente alineado con el píxel. El código generado utiliza componentes de desarrollador reales, en este caso, Ignite UI for Angular, por lo que puede estar seguro de que existe documentación de desarrollador exhaustiva que lo respalda. Además, está omitiendo la entrega en la que los desarrolladores tienen que inspeccionar los activos visuales para extraer especificaciones visuales, lo que generalmente requiere mucha comunicación entre diseñadores y desarrolladores e incluye múltiples rondas de perfeccionamiento de un diseño.

    preview-files-indigo-design-app-builder

    Ver archivos HTML, CSS y Typescript en el modo de vista previa

    Recursos adicionales