Una guía rápida para comenzar con el nuevo editor de código de Shopify que se lanzó en agosto de 2025.
El nuevo editor está basado en VS Code, una herramienta para desarrolladores profesionales, por lo que tiene muchas opciones y características que pueden resultar confusas para los usuarios no técnicos.
Sin embargo, la mayoría de ellas se pueden ignorar. Puedes usarlo de manera efectiva con solo conocer algunos conceptos básicos.
1. *Buscar archivos* usando Cmd+P
2. *Buscar dentro de un archivo* usando Cmd+F
3. *Buscar en TODOS los archivos* usando Cmd+Shift+F
4. Presiona Enter para *renombrar un archivo*
5. Haz clic derecho en un archivo → Abrir Línea de tiempo para *ver el historial de versiones*
1. A la izquierda está la versión antigua, a la derecha está la versión actual. Resaltadas en verde están tus adiciones, y en rojo tus eliminaciones.
2. Haz clic derecho en una versión → *Restaurar Contenidos* para volver a esa versión
6. Cmd+Shift+P y busca 'formato' para *formatear un documento* y hacerlo más atractivo
7. Clic derecho → Seleccionar para *Comparar*, luego selecciona otro archivo Comparar con Seleccionado. Útil cuando has duplicado un archivo para trabajar en él.
8. Icono de engranaje → Configuración para *cambiar el tamaño de fuente*
9. Icono de engranaje → Temas para *cambiar el tema de color*
Esto es en realidad VS Code para la web ejecutándose dentro del administrador de Shopify. Encuentra más información sobre VS Code aquí:
👉 VIDEOS RELACIONADOS
📢 MANTENTE ACTUALIZADO
Suscríbete para más consejos y trucos que no publico en Youtube:
🙏 APOYA EL CANAL
🛠 TIENDA DE CÓDIGO
Secciones y bloques preconstruidos. Fácil copia y pega para instalar.
👍 MIS APLICACIONES Y TEMAS FAVORITOS
📚 MI EBOOK DE CODIFICACIÓN EN SHOPIFY
Aprende HTML, CSS y Shopify Liquid desde el principio y específicamente para Shopify.
👨🏼💻 ¿QUIÉN SOY?
👋 Mi nombre es Eduard. Soy desarrollador web especializado en Shopify.
Quiero ayudarte con el lado técnico de tu negocio en línea con videos simples y directos.
⏭ CAPÍTULOS
00:00 Introducción
00:30 Buscar un archivo
01:20 Buscar texto en un archivo
02:03 Buscar texto en todo el tema
03:27 Ver historial y deshacer
06:10 Comparar archivos
07:28 Acerca de VS Code y más consejos
#Shopify #ShopifyLiquid #ShopifyThemes