Skip to content

Comandos

Jose Luiz Rodrigues edited this page Sep 10, 2026 · 1 revision

Comandos

Los tres se lanzan desde la paleta de comandos (Cmd/Ctrl + Shift + P).

comando qué hace
VTEX: Gerar tokens.css exporta un :root { ... } con todas las variables generadas, junto al JSON de origen
VTEX: Aplicar ajustes de conforto do Puelche aplica el preset de fuente, ligaduras, respiro y los tres temas
VTEX: Desfazer ajustes de conforto deshace el preset

Generar tokens.css

Lee el tokens.json que la extensión esté usando — con la prioridad descrita en Variables CSS del VTEX Style — y escribe un tokens.css en la misma carpeta que el JSON de origen. Al terminar te abre el archivo y te dice cuántas variables generó.

Si el JSON no se puede leer o no parsea, o si no se puede escribir el archivo, te lo dice con la ruta concreta en vez de fallar en silencio.

Los ajustes de confort

VTEX: Aplicar ajustes de conforto do Puelche escribe en tus ajustes de usuario la fuente recomendada, las ligaduras, el tamaño, la altura de línea, el sangrado del árbol y los tres temas del Puelche.

"editor.fontFamily": "'Google Sans Code', Menlo, monospace",
"editor.fontLigatures": true,
"editor.fontVariations": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.6,
"workbench.tree.indent": 16,
"workbench.colorTheme": "Puelche",
"workbench.iconTheme": "puelche-icons",
"workbench.productIconTheme": "puelche-product"

Por qué es un comando y no un default

contributes.configurationDefaults habría bastado técnicamente, pero que una extensión de tema te cambie la fuente al instalarse es invasivo, y rompe en silencio para quien no tiene esa fuente en el disco. Aquí manda el usuario:

  1. Antes de tocar nada, comprueba que la fuente esté instalada. Si no está, te avisa y te ofrece copiar el comando de instalación en vez de apuntar a una fuente inexistente. También puedes aplicar igual, si sabes lo que haces.
  2. Te muestra los cambios clave por clave, con valor actual → valor nuevo, y sólo escribe si confirmas.
  3. Guarda el valor anterior de cada clave para el deshacer.

Si el preset ya está aplicado, te lo dice y no escribe nada. Eso importa: sin esa comprobación, un segundo apply guardaría el propio preset como «valor anterior» y el deshacer dejaría de servir.

VTEX: Desfazer ajustes de conforto restaura los valores guardados. Para una clave que no tenías puesta antes, la quita en vez de escribir un undefined literal.

La fuente

Google Sans Code, con sus ejes variables activados — de ahí fontVariations y la ausencia de un fontWeight fijo.

brew install --cask font-google-sans-code

La elección anterior era Victor Mono, por su cursiva caligráfica: el tema tiene 12 reglas en cursiva y la spec cambia color extra por cursiva, así que en teoría era la que más devolvía esa decisión. En la práctica cansaba en sesión larga, porque el trazo es fino y la cursiva aparece a la vez en comentario, parámetro, atributo e import.

Google Sans Code se lee mejor. Lo que no tiene es ligaduras: su tabla GSUB trae aalt ccmp locl ss01, sin liga ni calt. El preset activa editor.fontLigatures de todos modos, porque es inofensivo y pasa a valer solo el día que entre otra fuente en la pila. La pila degrada a Menlo, para que el editor no elija por su cuenta si la fuente desaparece del sistema.

Clone this wiki locally