Saltar para o conteúdo

Learn Vim: aprenda a integrar seu VSCode com o Vim

Fonte: Wikiversidade

Ao explorar a área da programação, é inevitável ouvir falar de Vim. Neste artigo, vamos explorar essa poderosa ferramenta e mostrar como você pode dominá-la com a extensão Learn Vim para o Visual Studio Code.

Por que Vim? Por que VSCode? Por que Vim no VSCode?

[editar | editar código-fonte]

O Vim[1] (ou Vi Improved) é um editor de texto conhecido por sua eficiência e flexibilidade. Criado por Bram Moolenaar em 1991 como uma evolução do Vi, o Vim se destaca pela sua leveza e capacidade de edição eficiente. O que diferencia o Vim são seus modos de operação:

Modos de operação

[editar | editar código-fonte]
  • Normal mode: Este é o modo padrão do Vim, onde você pode navegar pelo texto e executar uma variedade de comandos de edição usando combinações de teclas. Desde copiar, colar e excluir até substituir, mover e alterar o texto, tudo pode ser feito sem precisar recorrer ao mouse.
  • Insert mode: Aqui, você pode digitar e inserir texto no documento como faria em qualquer outro editor de texto. Basta pressionar "i" no modo normal para entrar neste modo e começar a digitar. Pressionar "Esc" retorna ao modo normal.
  • Visual mode: Esse modo permite selecionar blocos de texto facilmente, movendo o cursor para destacar o texto desejado e, em seguida, realizar operações como copiar, recortar ou substituir apenas o texto selecionado. Pressionar "v" no modo normal ativa o modo visual.
  • Command-line mode: Acessado pressionando ":" no modo normal, este modo permite executar comandos específicos do Vim, como salvar o arquivo, buscar texto ou substituir texto em todo o documento.

Por outro lado, o Visual Studio Code (VSCode)[2] é um dos editores de código-fonte mais populares e amplamente utilizados atualmente. Desenvolvido pela Microsoft e lançado em 2016, o VSCode oferece uma interface moderna, extensibilidade e integração com uma variedade de ferramentas e linguagens de programação através de suas extensões. Com recursos avançados como realce de sintaxe, autocompletar, depuração integrada e controle de versão, ele se tornou uma escolha padrão para muitos desenvolvedores.

No VSCode, o Vim está disponível com a extensão VSCodeVim[3]. Com ela, você pode acessar todos os comandos e atalhos familiares do Vim diretamente no editor, mantendo sua eficiência enquanto aproveita os recursos avançados do VSCode.

A Extensão Learn Vim

[editar | editar código-fonte]

Entender todas as funcionalidades e comandos do Vim pode ser complicado (e se tornar um pesadelo), especialmente para quem está começando. É aí que entra a extensão Learn Vim[4][5]. Feita para o VSCode, essa extensão apresenta uma abordagem didática e interativa, ajudando os usuários a aprender o Vim de forma progressiva. Com uma variedade de exercícios e tutoriais, é possível dominar os fundamentos do Vim enquanto pratica em tempo real.

Veja como você pode começar a aprender o Vim com a extensão Learn Vim:

1. Instale a extensão VSCodeVim

[editar | editar código-fonte]

Você pode encontrá-la neste link.

2. Instale a extensão Learn Vim

[editar | editar código-fonte]

Você pode encontrá-la neste link.

3. Comece a aprender!

[editar | editar código-fonte]

Se você seguiu todos os (simples) passos anteriores, está apto a iniciar sua longa jornada no mundo do Vim. Clique no ícone da extensão Learn Vim em sua aba lateral primária (um ícone em forma de abinha com >_ dentro) e siga as lições na ordem oferecida! Fácil e intuitivo.

Obs.: para conferir se seu setup está de acordo com o esperado, compare com esta imagem.

  1. https://en.wikipedia.org/w/index.php?title=Vim_(text_editor)&oldid=1221902456
  2. https://en.wikipedia.org/w/index.php?title=Visual_Studio_Code&oldid=1219651629
  3. https://marketplace.visualstudio.com/items?itemName=vscodevim.vim
  4. https://www.barbarianmeetscoding.com/boost-your-coding-fu-with-vscode-and-vim-exercises
  5. https://marketplace.visualstudio.com/items?itemName=vintharas.learn-vim&ssr=false#overview