Vim dentro de VS Code: Lo mejor de dos mundos
Quizás nos encante la idea de los movimientos de Vim, pero no estamos listos para abandonar la comodidad de VS Code, sus extensiones y su configuración sencilla. ¡No tenemos por qué elegir! Podemos tener la potencia de edición de Vim dentro de nuestro editor favorito.
La Extensión VSCodeVim
La forma más popular de lograr esto es mediante la extensión VSCodeVim. Es una emulación de Vim para Visual Studio Code que trae la mayoría de los comandos y modos que ya conocemos.
Instalación
- Abramos VS Code.
- Vamos a la pestaña de Extensiones (
Ctrl + Shift + XoCmd + Shift + X). - Busquemos "Vim".
- Instalemos la extensión creada por
vscodevim.
¿Qué funciona igual?
Casi todo lo que hemos visto en el curso funciona aquí:
- Modos: Normal, Insert, Visual.
- Movimientos:
h,j,k,l,w,b, etc. - Comandos:
:w,:q(cierra la pestaña),/para buscar.
Configuración Recomendada
Para que la experiencia sea fluida, necesitamos ajustar algunas cosas en nuestro settings.json de VS Code.
Repetición de teclas en macOS
Si estamos en Mac, por defecto mantener una tecla pulsada muestra un menú de acentos. Para Vim necesitamos que repita la tecla (para movernos rápido con jjjjj).
Abramos nuestra terminal y ejecutemos:
defaults write com.microsoft.VSCode ApplePressAndHoldEnabled -bool false
Configuración en VS Code
Añadamos esto a nuestra configuración para una mejor experiencia:
"vim.useSystemClipboard": true,
"vim.hlsearch": true,
"vim.leader": "<space>",
"vim.handleKeys": {
"<C-a>": false,
"<C-f>": false
}
useSystemClipboard: Permite copiar/pegar entre Vim y otras apps.handleKeys: Devuelve el control de ciertos atajos (comoCtrl+fpara buscar) a VS Code si lo preferimos.
Conclusión
Usar Vim dentro de VS Code es el paso intermedio perfecto. Obtenemos la velocidad de edición modal sin perder las herramientas visuales, el depurador y el ecosistema de VS Code. Es una forma excelente de practicar nuestros movimientos de Vim en nuestro trabajo diario sin que baje nuestra productividad.