Antes de comenzar a poner manos a la obra y aprender más sobre el Store Framework de VTEX IO, usted debe realizar algunas configuraciones básicas, como:
Instalar Git.
Instalar Toolbelt.
Hacer login en una cuenta VTEX.
Crear un workspace de desarrollo.
Enlazar sus archivos locales con la plataforma.
A continuación, consulte el procedimiento para cada una de estas configuraciones:
Instalando Git
Instale Git en su computadora accediendo al siguiente enlace y seleccionando el software usado por su computadora (Windows, MAC o Linux):
Toolbelt es la herramienta de línea de comando de VTEX IO. Este le permite realizar cualquier actividad en la plataforma, como crear un nuevo workspace de desarrollo, iniciar sesión en una cuenta VTEX, desarrollar nuevas apps, gestionar las ya existentes, etc.
Dado que Toolbelt es el que establece la comunicación entre el desarrollador y la plataforma, usted lo necesitará para lograr realizar todas las actividades propuestas durante el curso de Store Framework.
Instale Node.js. Si la computadora que usted está usando es MAC, instale también Yarn.
Ejecute el comando npm i -g vtex en su terminal si usted está trabajando de un Windows y yarn global add vtex en MAC.
Usted puede ejecutar el comando vtex-v (Windows) o vtex (MAC) para confirmar si la instalación de Toolbelt ocurrió como se esperaba.
Con la instalación concluida, su próximo paso debe ser iniciar sesión en una cuenta VTEX.
Iniciando sesión
Ejecute el comando vtex login contaVTEX en su terminal, reemplazando contaVTEX con el nombre real de la cuenta en la que desea trabajar. Por ejemplo, vtex login appliancetheme .
Una vez que haya iniciado sesión, ejecute el comando vtex whoami para confirmar en qué cuenta y workspace usted está.
Workspaces no son más que espacios de trabajo. En la plataforma VTEX IO, las cuentas tienen tres tipos principales de workspaces: master, de producción y desarrollo.
El siguiente paso hará que se cree un workspace de desarrollo para usted, permitiendo que las configuraciones realizadas en las actividades del curso no cambien la versión pública final de la tienda.
Creando un workspace de desarrollo
Ejecute vtex use nome-do-workspace, reemplazando nome-do-workspace con el nombre deseado. Por ejemplo, vtex use devworkspace .
Visualizando su workspace
Una vez creado su workspace, podrá acceder a este desde el enlace https://{workspace}--{cuenta}.myvtex.com, reemplazando {workspace} y {cuenta} con el workspace creado anteriormente y el nombre de la cuenta, respectivamente. Por ejemplo, https://devworkspace--appliancetheme.myvtex.com
Enlazando sus archivos locales
Al ejecutar vtex link a partir de la carpeta donde están los archivos de su tema, estos pasarán a ser automáticamente sincronizados con la plataforma de VTEX IO. Esto significa que cualquier alteración que usted haya realizado y guardado será reflejada en el workspace y en la cuenta en que usted esté conectado, y podrá visualizarse a través de la dirección descrita anteriormente.
:no_entry_sign: ¿Perdido?
¿Hay algún problema con este paso? ¿Qué tal si nos envía un feedback? :pray:
Configuraciones básicas
Introducción
Antes de comenzar a poner manos a la obra y aprender más sobre el Store Framework de VTEX IO, usted debe realizar algunas configuraciones básicas, como:
A continuación, consulte el procedimiento para cada una de estas configuraciones:
Instalando Git
Instale Git en su computadora accediendo al siguiente enlace y seleccionando el software usado por su computadora (Windows, MAC o Linux):
https://git-scm.com/downloads
Instalando Toolbelt
Toolbelt es la herramienta de línea de comando de VTEX IO. Este le permite realizar cualquier actividad en la plataforma, como crear un nuevo workspace de desarrollo, iniciar sesión en una cuenta VTEX, desarrollar nuevas apps, gestionar las ya existentes, etc.
Dado que Toolbelt es el que establece la comunicación entre el desarrollador y la plataforma, usted lo necesitará para lograr realizar todas las actividades propuestas durante el curso de Store Framework.
npm i -g vtex
en su terminal si usted está trabajando de un Windows yyarn global add vtex
en MAC.Usted puede ejecutar el comando
vtex-v
(Windows) ovtex
(MAC) para confirmar si la instalación de Toolbelt ocurrió como se esperaba.Con la instalación concluida, su próximo paso debe ser iniciar sesión en una cuenta VTEX.
Iniciando sesión
Ejecute el comando
vtex login contaVTEX
en su terminal, reemplazandocontaVTEX
con el nombre real de la cuenta en la que desea trabajar. Por ejemplo,vtex login appliancetheme
.Una vez que haya iniciado sesión, ejecute el comando
vtex whoami
para confirmar en qué cuenta y workspace usted está.Workspaces no son más que espacios de trabajo. En la plataforma VTEX IO, las cuentas tienen tres tipos principales de workspaces: master, de producción y desarrollo.
El siguiente paso hará que se cree un workspace de desarrollo para usted, permitiendo que las configuraciones realizadas en las actividades del curso no cambien la versión pública final de la tienda.
Creando un workspace de desarrollo
vtex use nome-do-workspace
, reemplazandonome-do-workspace
con el nombre deseado. Por ejemplo,vtex use devworkspace
.Visualizando su workspace
Una vez creado su workspace, podrá acceder a este desde el enlace
https://{workspace}--{cuenta}.myvtex.com
, reemplazando{workspace}
y{cuenta}
con el workspace creado anteriormente y el nombre de la cuenta, respectivamente. Por ejemplo,https://devworkspace--appliancetheme.myvtex.com
Enlazando sus archivos locales
Al ejecutar
vtex link
a partir de la carpeta donde están los archivos de su tema, estos pasarán a ser automáticamente sincronizados con la plataforma de VTEX IO. Esto significa que cualquier alteración que usted haya realizado y guardado será reflejada en el workspace y en la cuenta en que usted esté conectado, y podrá visualizarse a través de la dirección descrita anteriormente.:no_entry_sign: ¿Perdido?
¿Hay algún problema con este paso? ¿Qué tal si nos envía un feedback? :pray:
Crear feedback
Con todas las configuraciones básicas completadas, ¡usted está listo para comenzar el curso!
Para continuar, haga clic en Close Issue