El modo Código
Un editor de código dentro de Studio para mirar o retocar los archivos de tu web editable.
No necesitas el modo Código para hacer tu web. Está ahí por si quieres ver cómo está hecha o ajustar algo a mano.
Abrirlo
Pulsa Código en la cabecera de Studio. También puedes usar Ver código, el icono abajo en la barra lateral de Diseño.
Código y Diseño editan el mismo archivo. Lo que escribas aquí se puede seguir editando visualmente.
Las partes del editor
- Explorador: los archivos y carpetas de tu web. Arriba tienes Buscar archivos y Contraer carpetas.
- Pestañas: los archivos que tienes abiertos. Un punto naranja marca los que tienen cambios sin guardar.
- Barra de estado, abajo: cuántos archivos quedan sin guardar, la línea y la columna, y si la página sigue editable en Diseño.
En el móvil, el explorador se cambia por un selector de archivo.
Atajos
| Atajo | Qué hace |
|---|---|
| ⌘S | Guarda una versión nueva |
| ⌘P | Abre cualquier archivo escribiendo su nombre |
| ⌘F | Busca dentro del archivo |
| ⇧⌥F | Ordena el código (Ordenar código) |
Guardar
Pulsa Guardar revisión o ⌘S. Si cambias de modo, Studio guarda antes lo pendiente.
Los archivos de más de 200 KB no se pueden guardar. Recórtalos o divídelos en componentes.
¿Sigue editable en Diseño?
La barra de estado te lo dice con una de estas etiquetas:
- Editable en Diseño: todo bien.
- Error de sintaxis: hay un error en el código. Diseño te enseñará «El código tiene un error» hasta que lo corrijas.
- Sin JSX directo: la página está escrita de una forma que Diseño no puede dibujar. Se sigue editando aquí.
¿Rompiste algo?
Pídele a Cortex que lo arregle con Arreglar con Cortex. También puedes volver a una versión anterior desde Historial.
Si otra persona guardó el mismo archivo
Verás «Mientras editabas se guardó otra versión de este archivo. No hemos sobrescrito nada». Elige Usar la versión guardada o Mantener la mía.
Archivos que escribe Berse
Algunos archivos los escribe Berse, como los de cobros o formularios, y los pone al día al publicar. Si cambias uno a mano, el panel Integraciones te avisa. Elige Usar la versión de Berse o Mantener la mía.