---
title: Inspecciona y edita el código de la tienda
description: 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

1. Confirma el nombre del proyecto y la tienda actual en la vista previa.
2. Selecciona **Abrir editor de código**.
3. Mantén la vista de Archivos abierta, expande la carpeta requerida y selecciona un archivo.
4. Lee el contenido existente antes de cambiarlo.
5. Realiza la edición más pequeña prevista.
6. Presiona **Command-S** o **Control-S** y confirma que el punto naranja desaparece.
7. Cierra el editor de código y revisa la página afectada en la vista previa.
8. Verifica los diseños de escritorio y móvil cuando el cambio puede afectar a cualquiera de ellos.
9. 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

1. Guarda cada archivo que tengas la intención de incluir.
2. Abre la vista de rama de Git.
3. Selecciona cada archivo cambiado y revisa su diff.
4. Usa **Preparar** para los archivos previstos. Evita **Preparar todo** cuando hay cambios no relacionados presentes.
5. Ingresa un **Mensaje de commit** claro.
6. Selecciona **Confirmar** y espera a que se actualice el estado de Git.
7. Usa **Enviar** solo después de confirmar la rama y el flujo de trabajo remoto. La acción comienza inmediatamente.
8. 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. |

## Guías relacionadas

- [Vista previa de tu tienda](./preview-your-store)
- [Usa modo de diseño](./design-mode)
- [Usar el historial de versiones](./version-history)
- [Publicar y republicar](./publish-and-republish)
- [Solucionar problemas de vista previa y publicación](./troubleshoot-preview-and-publishing)