Escobar

Comandos basicos

Se lee en 2 min

Comandos básicos

Modos de Vim

  • Normal (modo por defecto al abrir un archivo): navegar, borrar, copiar, etc.
  • Insert: para escribir texto (i para entrar).
  • Visual: seleccionar texto (v).
  • Command-line: para guardar, salir, buscar, etc. (: desde el modo normal).

Entrar a insertar texto

i   → insertar antes del cursor  
I   → insertar al inicio de la línea  
a   → insertar después del cursor  
A   → insertar al final de la línea  
o   → nueva línea debajo  
O   → nueva línea encima

Guardar y salir (modo comando)

:w       → guardar  
:q       → salir  
:wq      → guardar y salir  
:q!      → salir sin guardar  
:x       → igual a :wq  
h       → izquierda  
l       → derecha  
j       → abajo  
k       → arriba  
0       → inicio de línea  
$       → final de línea  
gg      → inicio del archivo  
G       → final del archivo  
:n      → ir a la línea n (por ejemplo :15)

Editar texto

x       → borrar carácter bajo el cursor  
dd      → borrar línea  
dw      → borrar palabra  
u       → deshacer  
Ctrl + r → rehacer
yy      → copiar línea  
p       → pegar después del cursor  
P       → pegar antes del cursor

Buscar

/palabra     → buscar hacia abajo  
?palabra     → buscar hacia arriba  
n            → siguiente coincidencia  
N            → coincidencia anterior

Vim para desarrollo web

Edición rápida

ci"     → cambia contenido entre comillas (útil en atributos HTML/JS)
ci'     → cambia entre comillas simples
ci(     → cambia dentro de paréntesis
ci<     → cambia dentro de etiquetas HTML
>>      → indentar línea actual
<<      → desindentar línea actual

Búsqueda y reemplazo

:%s/div/span/g        → reemplaza todas las etiquetas <div> por <span>
:%s/console.log//g    → borra todos los console.log
:%s/old/new/gc        → reemplazo con confirmación
:tabnew archivo.html  → abre nuevo archivo en pestaña
:bn / :bp             → buffer siguiente / anterior
gf                    → abre archivo bajo el cursor (útil para imports, rutas)
:Ex                   → abre navegador de archivos

Plugins recomendados para desarrollo web

  • emmet-vim: para expandir abreviaciones HTML/CSS.
  • vim-css-color: muestra colores en CSS.
  • ale o coc.nvim: autocompletado y linting.
  • nerdtree: explorador de archivos tipo sidebar.

Truco útil

Usa :set relativenumber para ver líneas relativas y moverte rápido con 10j, 5k, etc.

vim comandos

Vista Gráfica