El panel de administración te da acceso a herramientas avanzadas para validar, depurar y gestionar tu proyecto. Para abrirlo, haz clic en el icono de candado de la barra de herramientas superior, a la izquierda del botón Upgrade.
El panel muestra la versión actual del App Builder y el número de versión de tu proyecto, e incluye las siguientes opciones:
Haz clic en Validate Project para ejecutar una revisión de los archivos de tu proyecto. La herramienta informará de cualquier problema encontrado para que puedas solucionarlo antes de publicar.
Haz clic en View Logs para ver un registro de la actividad y los eventos relacionados con tu proyecto y el chat de AI. Esto es útil para hacer seguimiento de lo que ha ocurrido en tu proyecto y diagnosticar comportamientos inesperados.
Haz clic en Debug para abrir las herramientas de depuración de tu proyecto. Esto te ayuda a identificar e investigar errores o problemas en la funcionalidad de tu sitio web.
Haz clic en Linting para ejecutar una revisión de calidad del código de tu proyecto. El linting identifica problemas de estilo de código, posibles errores y aspectos que no siguen las mejores prácticas.
Edit Code te da acceso directo a los archivos fuente de tu sitio web: HTML, CSS y JavaScript. Está pensado para usuarios que se sientan cómodos trabajando con código web.
Haz clic en Edit Code para reemplazar el editor visual por una interfaz completa de edición de código.
Navegación de archivos - El panel izquierdo muestra un árbol de archivos con todos los archivos fuente de tu proyecto organizados en carpetas: css/ (hojas de estilo), global/ (plantillas compartidas como el encabezado y el pie de página), js/ (archivos JavaScript) y sections/ (plantillas de secciones de página). Haz clic en cualquier archivo para abrirlo en el editor. Se pueden abrir varios archivos a la vez y aparecerán como pestañas en la parte superior del editor.
Edición de código - Haz clic directamente en el panel central del editor y escribe para realizar tus cambios. El resaltado de sintaxis se aplica automáticamente según el tipo de archivo.
Guardar cambios - Haz clic en el botón SAVE de la barra de herramientas inferior para guardar tus ediciones. Un punto junto a la pestaña del nombre del archivo indica cambios sin guardar. Usa el botón COPY para copiar el código del archivo al portapapeles y el interruptor WRAP para activar o desactivar el ajuste de línea.
Volver al editor visual - Haz clic en Back to editor en la barra superior. El AI builder se abre de nuevo y se aplican los cambios de código guardados.
Esta herramienta copia tu proyecto de App Builder desde el entorno en el que estás trabajando actualmente a un sitio en tu entorno local. Introduce el Source site number, que se completa previamente con el ID de tu sitio actual, y el Destination site number del sitio en tu entorno local al que se debe copiar el proyecto. Luego haz clic en Copy project para iniciar la copia.
