DEV Community

loading...
Cover image for Cómo desarrollar un entorno local para Shopify? - Themekit

Cómo desarrollar un entorno local para Shopify? - Themekit

soyleninjs profile image Lenin Felix Updated on ・2 min read

promo

Shopify tiene su propio editor de código (todo feo y muy básico pero funciona) pero sabias que shopify permite descargar o crear un theme para desarrollarlo localmente en tu editor de código favorito, con tus snippets y atajos del teclado para desarrollar más rápido?

Pues aqui te enseño como puedes lograr trabajar localmente en tu theme de shopify con una herramienta muy fácil de instalar y usar y que ademas esta respaldada por Shopify:

Alt Text

Esta potente herramienta basada en la linea de comandos (no tan abrumadora como suena) es la que se encarga de ayudarte a obtener tu theme en un ámbito local y de ahí poder realizar tus cambios y mandarlos de nuevo a tu tienda de shopify.

Cuenta con alrededor de unos 12 comandos (muy sencillos), con los cuales podemos descargar un theme especifico de nuestra tienda, removerlo o simplemente crear uno nuevo directamente en nuestra tienda shopify (obvio todo feo y sin nada de configuraciones ni estilos).

Como instalarlo

-Toda la información es de la misma pagina de Theme Kit, por si gustas darle un vistazo-

Instalar Shopify Theme Kit

  • Instalación de MAC

Será de la manera más optima y más recomendada pero hablemos de algo antes, Homebrew.

Homebrew es un gestor de paquetes para Mac que nos ayudara a instalar Themekit, igualmente esta el link para que desde su pagina oficial puedes instalar este gestor de paquetes.

Una vez tengamos instalado Homebrew, puede instalar Theme Kit ejecutando los siguientes comandos.

brew tap shopify/shopify
brew install themekit
Enter fullscreen mode Exit fullscreen mode
  • Instalación de windows

Aqui al igual que en MAC se recomienda que se use un gestor de paquetes, en el caso de window podemos usar Chocolatey (de verdad te recomiendo usar este medio).

y ya con Chocolatey instalado solo ejecutamos el siguiente comando:

choco install themekit
Enter fullscreen mode Exit fullscreen mode

y listo ya podemos colocar en nuestra terminal el siguiente comando:

theme
Enter fullscreen mode Exit fullscreen mode

y ya nos desplegaría todos los comandos disponibles a usar :D

NOTA: Si la consola manda que el comando no existe es que theme kit no se instalo o no lo hizo correctamente, prueba realizando los pasos de nuevo.

Y con con solo esto listo. ya queda todo preparado para pasar a nuestro siguiente parte que es empezar a utilizar Theme kit.


Si te gusto el contenido puedes apoyarme en:

ko-fi


Quieres Ganar Bitcoins y Dogecoins gratis? Da click en el banner!

promo

Discussion (0)

Forem Open with the Forem app