Como posso personalizar o Vim para desenvolvimento e programação na Web?

10

Eu já tentei encontrar algo para a minha pergunta no [askubuntu.com], mas nada estava respondendo às minhas necessidades. Então, o que eu quero é construir o vim como um editor muito poderoso e útil para html, css, javascript, etc, mas também para programação. Eu estou tentando aprender css e geralmente eu queria um editor muito legal com muitos plugins. Então, alguém pode me ajudar, passo a passo, para personalizar o vim e sobre quais recursos procurar ao redor que possam me ajudar no meu período de aprendizado?

Ah, e a única maneira de executar o vim é pelo terminal? Obrigado

*** editar ---> Não consigo encontrar o arquivo my.vimrc

minha pasta pessoal

gabriel
fonte

Respostas:

11

Todo mundo tem excelentes conselhos, pensei em preencher alguns dos princípios básicos:

1. GVim para vim fora do console e como instalá-lo

Você perguntou se o vim só pode ser executado no console. GVim (GUI-Vim) é a versão autônoma. Na sua captura de tela, parece que você está usando o Ubuntu, você pode encontrar o gvim no Centro de Software e instalá-lo a partir daí. Alternativamente, você pode sudo apt-get install gvimde um terminal.

2. Criando um arquivo de configuração .vimrc

Parece que, por padrão, o vim / gvim não cria um .vimrcpara você, então você pode criar um você mesmo. Abra o vim e digite :e ~/.vimrcpara editar um novo arquivo chamado .vimrcem sua pasta pessoal ( ~)

Começaremos adicionando apenas uma configuração, para que possamos ver se funcionou. Adicione o seguinte texto:

" switch on line numbering
set number

O "é o caractere de comentário.

Em seguida, saia do vim e reinicie-o - você deve achar que um número de linha 1 apareceu no canto superior esquerdo e qualquer arquivo que editar a partir de agora com a numeração de linhas ativada por padrão.

3. Instalando um Plug-in

Os plugins vivem em uma pasta chamada ~/.vim/, mas, novamente, o vim não cria isso por padrão, então você deve fazer isso:

mkdir ~/.vim

Com o tempo, a .vimpasta aumentará várias subpastas, como:

  • plugin para plugins
  • color para esquemas de cores
  • doc para documentação
  • syntax para modos de destaque de sintaxe

Mas por enquanto está vazio. Vamos adicionar um plugin, para experimentá-lo.

Comece abrindo o vim com vim .- que diz ao vim para abrir uma pasta no modo "explorer". Instalaremos o NERDtree, um popular plugin de navegador de arquivos, que substituirá o explorador padrão.

Vá para http://www.vim.org/scripts/script.php?script_id=1658 e faça o download do arquivo zip da tabela na parte inferior da página.

Abra-o no gerenciador de arquivamento, escolha "extrair" e diga para extrair na sua ~/.vim/pasta. Pode ser necessário Ctrl+Hacessar o navegador de pastas do gerenciador de arquivamentos para mostrar as pastas ocultas.

Uma vez extraído, ele criará várias subpastas .vimpara você. Se você agora reiniciar o vim com um

vim .

Você deve ver que a visualização do explorador mudou! Agora está usando o plugin NERDtree.

4. Mais configurações do .vimrc

Meu .vimrc completo está disponível aqui https://bitbucket.org/hjwp/vim/src , mas aqui estão algumas configurações que acho realmente úteis:

" syntax highlighting
syntax on

" map cut & paste to what they bloody should be
vnoremap <C-c> "+y
vnoremap <C-x> "+x
map <C-v> "+gP

" sane text files
set fileformat=unix
set encoding=utf-8

" sane editing
set tabstop=4
set shiftwidth=4
set softtabstop=4

" convert all typed tabs to spaces
set expandtab

"autocompletion with ctrl+space
inoremap <c-space> <c-n>
inoremap <Nul> <c-n>

5. Ctags

Eu não me preocuparia muito com plugins no começo, apenas conhecer o poder que o vim oferece a você imediatamente deve ser útil o suficiente para sua codificação. Mas uma coisa realmente útil para trabalhar no vim é ctags . O ctags permite fazer coisas como "ir para a definição" e preencher automaticamente todas as palavras-chave na sua árvore de origem. começar com:

apt-get install exuberant-ctags

Em seguida, no seu .vimrc, adicione

map <f12> :!ctags -R .<cr>

Agora, quando você pressiona "F12" em uma sessão do vim, ele gera um .tagsarquivo, que o vim pode usar para procurar por palavras-chave.

Agora, se você estiver ligado, por exemplo, uma chamada de função no seu código fonte, você pode usar ctrl+]para pular para sua definição. Mais informações aqui: /programming/563616/vim-and-ctags-tips-and-tricks

6. o que vem a seguir

Outras pessoas publicaram alguns guias realmente úteis, aqui estão algumas páginas que achei úteis:

É um mundo inteiro de vim por aí. Mas: aviso: se você se envolver no vim golf, provavelmente já foi longe demais - http://vimgolf.com/ ;-)

hwjp
fonte
Ok, como eu mencionei antes não existem .vimou .vimrcarquivos. Eu sei o que o .faz, mas, você pode orientar-me agradar como exatamente é que vamos instalar um único plugin ou mudança de uma única configuração Por favor ajuda obrigado?!
Gabriel
ah, acho que é possível que o vim não crie um .vimrcpor padrão, e você precisará fazer isso sozinho ... atualizarei a resposta e também incluirei algo sobre como instalar um plug-in básico ...
hwjp
1
isto é melhor?
hwjp
ajuda maravilhosa de você, obrigado, mas como posso desinstalar um plugin Am I apagar os arquivos obrigado!?
Gabriel
Além disso, instalei o patógeno e meu .vimarquivo não está organizado. Algum htmlplugin útil ? Graças
gabriel
9

Eu sugiro que você comece a estudar .vimrc como o descrito acima. As necessidades e preferências de todos são diferentes; portanto, você deve indefinidamente instalar manualmente as coisas em vez de apenas copiar as configurações de alguém.

Alguns recursos sobre o aprendizado do próprio VIM:

  • Aprenda o Vim Progressivamente , um ótimo guia sobre como aprender o Vim.
  • Tutoriais para iniciantes em Vim , uma série de vídeos de Derek Wyatt Eu me diverti quando comecei minha jornada.
  • Cheat Sheet , se você não estiver familiarizado com o Vim de antes, eu recomendaria fazer isso como um exame. Escreva as combinações de teclas em um papel, o comando à esquerda e a descrição à direita. Em seguida, comece a memorizar ocultando o comando ou a descrição e tentando lembrar a resposta. Não demorou muito para que os comandos chegassem naturalmente a você, mas lembre-se de usá-los ativamente também no Vim, caso contrário, você rapidamente desaprenderá.
  • http://usevim.com (Avalia plugins do vim e também possui uma série Vim 101)
  • http://vimcasts.org/episodes/archive (Alguns ótimos elencos)

Alguns plugins realmente úteis

  • Análise estática de código estática para toneladas de idiomas
  • Realce da sintaxe do vim-css3-syntax para CSS3. Geralmente, você também deve atualizar os arquivos de sintaxe para HTML5 e Javascript, se for o caso.
  • Matchit Estende a funcionalidade de%
  • Mapeamentos surround para tags / parênteses etc., realmente poderosos para desenvolvedores da Web
  • Tcomment Alterne facilmente os comentários na maioria dos idiomas
  • Pathogen Mantenha sua pasta vim organizada para que você possa desinstalar e brincar com plugins
  • NERDtree Um explorador de árvores realmente popular, embora eu prefira apenas: e.
  • Command-T Um gerenciador de buffer popular, pessoalmente não posso usá-lo, pois depende do ruby.
  • Snipmate Insira facilmente trechos de código.
  • Sparkup Estenda div # stuff.class> ul> li * 5 para HTML, você entende.

Algum outro bem a saber

  • Para obter a conclusão de tabulação para projetos, você pode usar ctags que o vim suporta
  • Volte a ligar o caps-lock ao esc, depois de um dia você não consegue entender como tinha energia para chegar até o esc.
  • O Vim ramificou desfazer árvores, o que significa que você ainda pode desfazer, mesmo que tenha alterado sua árvore. O Gundo ajuda você a visualizar isso.
  • O Vim tem desfazer persistente, o que significa que ele salva seu histórico de desfazer, mesmo que você reinicie o computador, você deve habilitá-lo definitivamente.
  • No meu próprio vimrc, tenho uma função que verifica se estou trabalhando em um site Drupal ou Wordpress, dependendo das convenções de código diferentes. (Acho que pode ser útil saber, você pode encontrá-lo no meu repositório no link abaixo.)
  • Steve Losh tinha essa configuração impressionante definindo um Objeto de Número no vim para que você possa excluir / alterar / etc apenas o número em, por exemplo, 200px pressionando cN

Repositórios do Vimrc que valem a pena conferir

  • Steve Losh Coisas impressionantes
  • Tim Pope Criador de Fugitive, Surround e muitos outros plugins vim
  • Oxy Meu próprio repositório, no README, tenho um exemplo para gerar ctags para projetos Drupal.
  • Derek Wyatt Seus screencasts me ensinaram vim, você pode encontrar um monte de coisas legais lá
oxi
fonte
? Ok, mesmo se eu gostaria de usar alguns dos plugins e outras coisas que você mencionou acima como posso usá-los Minha pasta vimrc onde está graças?
Gabriel
1
@gabriel vimrcé um arquivo e .denota sistema de arquivos oculto linux, você terá que criar .vimrcse não estiver presente e colocá-lo no seu diretório pessoal. .vimé a pasta / diretório que conterá o plugin / script. Você pode precisar criá-lo também. A maioria desses scripts possui instruções de instalação disponíveis. vim.org/scripts/script_search_results.php . Vim é um editor de texto por isso, se você não está confortável com ajustes e tudo askubuntu.com/questions/48299/...
sagarchalise
@sagarchalise Ok, depois de criarmos esses arquivos, podemos mudar a maneira como o vim funciona?
Gabriel
@ Gabriel basicamente vimrcdeve conter o que o vim deve fazer, como destaque de sintaxe, guias / espaço, números de linha etc. Por padrão, o vim é apenas uma ferramenta de edição de texto. Você faz o que você quer. O Vim é extremamente poderoso e ajustável. Mas você precisa entender seus modos e comandos. vim.wikia.com/wiki/Example_vimrc veja aqui a amostra vimrc
sagarchalise
Como vinculo o Caps Lock ao Escape (não estou usando o Ubuntu) ?
Santosh Kumar
1

você pode usar isso:

bash <<(curl -s https://raw.github.com/wongyouth/vimfiles/master/install.sh )

Esta é a configuração do meu professor, na esperança de ajudá-lo.

Um punhado de plugins para o vim, todos mantidos em um subdiretório de pacote configurável, configuração útil do vim, espacialmente para codificação do Rails. Todos os plug-ins estão incluídos como submódulos, para que você possa atualizar os plug-ins em um comando que facilita a vida.

detalhe: insira a descrição do link aqui

Clark
fonte
E o que exatamente podemos fazer com isso? Bom, mas eu prefiro instalações manuais, porque então eu sei o que realmente estou instalando!
Gabriel
Você pode ver os plugins de uso e vim incluídos nos submódulos no este link: github.com/wongyouth/vimfiles
clark