5 plugins Vim para desenvolvimento web

Desenvolver para a Web depende de muito código; Quando você não tiver usado o VIM antes, sentirá que precisará digitar todos os personagens da página da web. Você pode vir de outros editores e se perguntar onde estão todos os recursos de conclusão do código e outras coisas úteis? Dando uma olhada superficial sobre o VIM, a conclusão é sair e nunca mais tocá -lo. Se você seguir alguns guias simples e instalar os plug -ins apropriados, mudará de idéia. Para ser eficiente ao programar, você precisa de alguns recursos. Ou seja, links de documentação, conclusão de código e destaque da sintaxe. Isso não fará de você um programador mestre, mas tornará sua experiência muito melhor.

Manipulação de arquivos

Existem muitas ferramentas para lidar melhor com os arquivos; você realmente deve usar um fluxo de trabalho no estilo de projeto. Com isso dito, um aprimoramento é poder ver seus arquivos em uma árvore ao lado do editor. Adicione nerdtree!

Nerdtree é publicado no Github; A maioria dos gerentes de plug -in pega o valor "Preservim/Nerdtree". A extensão coloca uma listagem de árvores de seus arquivos onde você esperaria. Você tem muitas opções para ajustar seu comportamento, incluindo definir as setas para o que quiser. Olhando para o Github, você também tem muitos garfos que podem atender às suas necessidades melhor.

Ao escrever software, você precisará procurar arquivos e texto em outros arquivos. Sem recursos dentro do vim, você seria forçado a fazer isso na linha de comando em outro terminal. Denite integra -se ao Ripgrep e permite que você pesquise ali em vim. Requer python e pynvim e é muito rápido e eficiente.

Para instalar a Denite, você precisa instalar 'Shougo/Denite.nvim ', no seu diretório de plug -in do VIM ou use seu gerenciador de plug -in favorito. Você também precisa definir o python que você usa com os parâmetros do programa host. Use 'CheckHealth' no Vim para verificar e para obter mais informações.

Seja G: Python_HostProg = '/usr/bin/python' Let G: Python3_HostProg = '/usr/bin/python3'

Instale o programa Ripgrep e atualize seu Pynvim para a versão correta. Eles estão no repositório regular e no python, respectivamente.

Conclusão do código

Muitos usuários que se mudam do VSCode se perguntam como fazer coisas como conclusão de código. Não se preocupe, as pessoas estão trabalhando para ajudá -lo e resolver seus próprios problemas. O neoclídeo no Github tem muitas extensões de vim para todas as suas necessidades. O “Conquistro da conclusão”, CoC a partir de agora, inclui a conclusão do código que se assemelha ao VSCODE.

O COC também tem muitos sub -plugins que usam o plug -in principal. Alguns são úteis para idiomas específicos. Você pode usar o Eslint para manter seu código correto e encontrar bugs. A extensão mais bonita torna seu código melhor formatado. A lista de idiomas que você pode usar é longa. Você deve examiná -lo depois de começar a usar o COC; Mudar para os outros pode valer a pena, mas não sem boas razões.

Para torná -lo ainda mais rápido, você pode usar abreviações para criar seu código. Isso é o que você faz com Emmet; O sistema existe para muitos editores e ides. No Vim, basta adicionar seu plugin usando o init.arquivo vim ou vimrc. Para ser realmente eficiente, você precisará aprender as abreviações que correspondem ao código que deseja. Depois de conhecer isso, a velocidade de codificação aumenta exponencialmente. Para instalar, adicione https: // github.com/mattn/emmet-vim para sua configuração de plug-in.

Git

Se você é sério sobre programação, deve ter um sistema de controle de versão. Se você não usa Git, então você tem um projeto muito raro em suas mãos. Você executa o git na linha de comando fora do seu editor até encontrar uma ótima extensão que o executa para você. Desde que você ouviu falar do COC, você deve saber que há uma extensão para essa estrutura, mas eles admitem que está com pouco em recursos. Portanto, o mais popular é vim-fugitivo. Instale -o usando seu gerenciador de plug -in favorito. Depois de instalá -lo, você pode executar o git como se estivesse na linha de comando. Ele também acrescenta muitos recursos que agem no seu repositório e em seu buffer. Você pode usá -lo para executar a diferença no VIM e também possui muitos plugins para fornecedores famosos. Você também tem uma opção de status line que pode adicionar à sua linha de status. Você verá um exemplo disso mais abaixo.

Outros estranhos que você pode gostar.

Depois de ter todas as funções do seu editor, você pode apimentar sua experiência. Você pode querer ter uma boa linha de status na parte inferior da tela. Use Vim-Airline para isso, existem muitos outros, mas este parece leve e arejado. Para instalar, adicione 'vim-airline/vim-airline' à sua configuração. Sua barra de tarefas ficará instantaneamente melhor e você pode ajustar mais o seu folhas.

https: // github.com/vim-airline/vim-airline

Uma maneira de fazer com que sua barra de status pareça melhor e a maioria das outras partes da interface é adicionar ícones agradáveis ​​à instalação. O 'ryanoasis/vim-dev-icons' é uma ótima opção para esses ícones. Instale a maneira regular; ela joga bem com vim-airline e muitas outras extensões.

https: // github.com/ryanoasis/vim-devicons

Você também deve considerar como você pode ver sua página da web ao vivo enquanto está codificando fora do vim. Para o nó.JS, há uma solução pronta para isso. É chamado de navegador-sincronizado. Você o instala com o npm e o executa com o comando e o diretório onde seu projeto está. Assim que o comando for executado, ele iniciará seu navegador no endereço 'localhost: 3000'. Quaisquer alterações serão exibidas imediatamente ao atualizar o código.

Conclusão

Para começar a programar para a web, você deve primeiro se esforçar para seguir alguns tutoriais e depois criar seus próprios projetos. Encontre pessoas que você pode ajudar para que possam ajudá -lo no final. Para que sua experiência de codificação seja eficiente e agradável, use as extensões que você ouviu aqui. Você também deve continuar procurando maneiras de melhorar a si mesmo primeiro e depois suas ferramentas.