Macros de Vim para Bulma

por Halí - publicado: Julio 23, 2019

VimProductividad

Cuando utilizas un framework de CSS tan flexible como Bulma, deseas tener los componentes necesarios y no más. Cuando creas tu propio «tema» puedes importar únicamente los componentes y elementos que deseas utilizar.

Ahora bien ¿qué pasa si no estás seguro de qué archivos contienen que cosa? Importa todo y despues comenta los que no son necesarios en ese momento.

Pero ¿cómo importamos todos los elementos y componentes de Bulma, fácilmente?

He encontrado estos macros que pueden serte muy utiles:

let @q='02t/"cyt"o^[;r ^Rc^Mdd.2kI// ^[2j0'
let @j='0f"a../.^["cpF/l3dfsA;^[j0'
let @k='02f"i.sass^[j0'

Ahora, si copias y pegas esos comandos seguramente no funcionarán porque contienen caracteres de control y otros, debes sustituir los siguientes:

Original	Sustituir
`^[`	Ctrl + v, Esc
`^R`	Ctrl + v, Ctrl + r
`^M`	Ctrl + v, Enter
`;`	`:`

Para hacer esto más sencillo puedes escribir :%s/\V^[/[Ctrl + v, Esc]/g y así con los otros dos caracteres de control.

Nota: Tengo mapeada en el modo normal, la tecla ; por : y viceversa.

Cuando estés en el mismo directorio que el folder node_modules, puedes usar esos macros y hacer lo siguiente:

Hasta el próximo vim-tip 👋🏽

Extra

¿Cómo funcionan esos macros?

let @q='02t/"cyt"o^[;r ^Rc^Mdd.2kI// ^[2j0'

Lo primero es ir al inicio de la línea con 0.
Después buscamos hacia adelante 1 caracter antes de la segunda / con 2t/.
Luego, pegamos en el registro c lo que resta de la línea hasta antes de las comillas con "cyt".
Insertamos una línea abajo y salimos del modo insert con o^[.
Agregamos el contenido del archivo que guardamos en el registro c con ;r ^Rc^M.
Borramos la línea de comentarios y luego la de charset con dd..
Subimos dos líneas con 2k.
Comentamos la línea en la que estamos con I// .
Salimos del modo insert, bajamos dos líneas y volvemos al inicio con ^[2j0.

let @j='0f"a../.^["cpF/l3dfsA;^[j0'

Vamos al inicio de línea con 0.
Buscamos las primeras comillas con f".
Agregamos un ../. con a../..
Salimos del modo insert con ^[.
Pegamos el contenido del registro c con "cp.
Buscamos hacia atrás la primera / y nos movemos un caracter adelante con F/l.
Borramos hasta la tercera s con 3dfs.
Añadimos el punto y coma hasta el final con A;.
Salimos del modo insert, bajamos una línea y nos vamos al principio con ^[j0.

let @k='02f"i.sass^[j0'

Desde el inicio de línea buscamos la segundas comillas con 02f".
Insertamos .sass con i.sass.
Finalmente salimos del modo insert, bajamos una línea y volvemos al principio con ^[j0.

https://halivert.dev/blog/2019/07/vim-macro-for-bulma/

¡Ups! No encontré nada, pero puedes leer esto:

Extra