Inspecciona y edita el código de la tienda

Abre el editor de código condicional de Runner, guarda un cambio de archivo enfocado, revisa los cambios de Git y evita perder trabajo no guardado.

El editor de código te permite inspeccionar o realizar un cambio enfocado en los archivos de la tienda detrás de la vista previa actual. Úsalo solo cuando una edición visual o solicitud de Runner no sea la mejor opción.

Qué cubre esta guía

Abre el editor de código condicional, guarda un cambio de archivo enfocado, vuelve a la vista previa para verificarlo y mantén commit, push y publicación como acciones deliberadas separadas.

Ruta de entrada

Abre un proyecto de tienda → Escaparate → Abrir editor de código.

Antes de comenzar

Espera hasta que el workspace del proyecto y la vista previa de la tienda estén conectados.
Usa el editor de código solo si entiendes el archivo que tienes la intención de cambiar.
Guarda cada archivo cambiado antes de cerrar su pestaña o el diálogo. Cerrar un archivo no guardado no muestra una confirmación.
Un archivo guardado cambia el workspace del proyecto, pero no se confirma, envía, publica ni se prueba automáticamente en la vista previa.
Usa Confirmar y Enviar solo cuando estés autorizado a cambiar el Git remoto configurado del proyecto.

Controles del editor y resultados de clic

Control o estado	Qué sucede después de usarlo
Abrir editor de código	Abre el diálogo Editor de código de altura completa. Cerrar el diálogo devuelve el panel del escaparate a la vista previa.
Icono de archivos	Muestra el árbol de archivos de la tienda que se puede buscar. Expandir una carpeta carga su contenido; seleccionar un archivo lo abre en una pestaña.
Pestaña de archivo	Cambia el editor a ese archivo abierto. Un punto naranja significa que la pestaña contiene cambios no guardados.
Icono de cierre en una pestaña de archivo	Cierra esa pestaña. Runner no pregunta sobre cambios no guardados, así que guarda primero.
Editor de código	Te permite cambiar el archivo activo. Escribir cambia la pestaña abierta pero no guarda el archivo por sí solo.
Command-S en macOS o Control-S en Windows/Linux	Guarda el archivo activo en el workspace del proyecto conectado. El indicador de no guardado naranja se limpia después del éxito.
Icono de rama de Git	Abre la rama actual, listas de archivos cambiados, formulario de commit y controles de push. Seleccionar un archivo cambiado abre su diff.
Preparar / Deshacer preparación	Añade o elimina un archivo del próximo commit. No guarda una pestaña del editor no guardada.
Preparar todo / Deshacer preparación	Aplica la misma opción de staging a cada archivo en la lista correspondiente. Revisa la lista antes de usar cualquiera de las acciones.
Mensaje de commit	Registra la explicación que se adjuntará al próximo commit.
Confirmar	Crea un commit a partir de archivos staged cuando el mensaje no está vacío. Los cambios unstaged y no guardados permanecen fuera de ese commit.
Enviar	Envía inmediatamente los commits que están adelante del remoto configurado. No hay una segunda confirmación en este panel.
Actualizar	Solicita el estado de Git más reciente para el workspace del proyecto conectado.

Realiza y verifica una edición enfocada

Confirma el nombre del proyecto y la tienda actual en la vista previa.
Selecciona Abrir editor de código.
Mantén la vista de Archivos abierta, expande la carpeta requerida y selecciona un archivo.
Lee el contenido existente antes de cambiarlo.
Realiza la edición más pequeña prevista.
Presiona Command-S o Control-S y confirma que el punto naranja desaparece.
Cierra el editor de código y revisa la página afectada en la vista previa.
Verifica los diseños de escritorio y móvil cuando el cambio puede afectar a cualquiera de ellos.
Si el resultado es incorrecto, vuelve al editor y corrígelo, o pide a Runner que repare el archivo específico y el problema visible.

Guardar solo prueba que Runner escribió el archivo. La vista previa solo prueba que el proyecto actual puede mostrarlo. La publicación y el viaje del cliente en vivo permanecen como verificaciones separadas.

Confirma y envía solo cuando sea necesario

Guarda cada archivo que tengas la intención de incluir.
Abre la vista de rama de Git.
Selecciona cada archivo cambiado y revisa su diff.
Usa Preparar para los archivos previstos. Evita Preparar todo cuando hay cambios no relacionados presentes.
Ingresa un Mensaje de commit claro.
Selecciona Confirmar y espera a que se actualice el estado de Git.
Usa Enviar solo después de confirmar la rama y el flujo de trabajo remoto. La acción comienza inmediatamente.
Vuelve a la vista previa y verifica el resultado visible. Un commit o push exitoso no publica la tienda.

Solución de problemas

Estado	Significado	Qué hacer
Abrir editor de código está ausente	La función no está habilitada para este proyecto.	Usa el Modo Diseño o pide a Runner que realice el cambio. No confíes en una ruta interna copiada.
Conectando al sandbox…	El workspace del proyecto aún no está conectado.	Mantén el proyecto abierto e intenta de nuevo después de que el workspace se reconecte.
Spinner del árbol de archivos	Runner está cargando la carpeta actual.	Espera antes de seleccionar otra carpeta repetidamente.
Seleccionar un archivo no hace nada	El archivo no se pudo leer o el workspace se desconectó.	Verifica la conexión, luego selecciona el archivo una vez más.
El punto naranja permanece después de guardar	El archivo no se guardó correctamente.	Mantén la pestaña abierta, lee el mensaje de error e intenta de nuevo después de reconectar si es necesario.
Abrir un archivo del árbol	Ningún archivo está activo.	Selecciona un archivo en la vista de Archivos.
Sin cambios	Git no reporta cambios de archivo guardados.	Guarda la pestaña del editor, luego selecciona Actualizar.
Confirmar está deshabilitado	No hay archivo staged o no hay mensaje de commit.	Realiza el staging del archivo guardado previsto e ingresa un mensaje.
Enviar está deshabilitado	La rama no tiene commit local adelante del remoto, o un push está en ejecución.	Confirma el cambio previsto o espera al push actual.
Error al cargar el estado de git	Runner no pudo leer el estado del repositorio.	Selecciona Reintentar. No realices staging o push hasta que se cargue el estado.
El contador de flecha hacia abajo muestra que la rama está atrás	El remoto contiene commits no presentes en el workspace.	Detente antes de enviar y pide al propietario del proyecto cómo actualizar la rama de forma segura.
Error de guardado, staging, commit o push	La acción no se completó.	Mantén el estado actual, lee el error e intenta de nuevo solo después de verificar la conexión y el permiso.