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

Question

Eu já tentei encontrar algo para a minha pergunta em [askubuntu.com], mas nada estava respondendo às minhas necessidades. Então, o que eu quero é construir 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 olhar em volta que podem me ajudar no meu período de aprendizado? Obrigado

Ah, e a única maneira que o vim está rodando é do terminal? obrigado

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

    

Answer 1

Todos os outros têm 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 a partir do console. O GVim (GUI-Vim) é a versão independente. A partir da 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 dele. Alternativamente, você pode sudo apt-get install gvim de um terminal.

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

Parece que, por padrão, o vim / gvim não cria um .vimrc para você, então você pode criar um você mesmo. Abra o vim e digite :e ~/.vimrc para editar um novo arquivo chamado .vimrc em 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.

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

3. Instalando um plugin

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

mkdir ~/.vim

Com o tempo, a pasta .vim 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 testá-lo.

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

Acesse o link e faça o download do arquivo zip da tabela na parte inferior da página .

Abra-o no gerenciador de arquivos, escolha "extrair" e diga para extrair para a pasta ~/.vim/ . Talvez seja necessário acessar Ctrl+H dentro do navegador de pastas do gerenciador de arquivos para mostrar pastas ocultas.

Depois de extraído, ele criará várias subpastas em .vim para você. Se você agora reiniciar o vim com um

vim .

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

4. Mais configurações de .vimrc

Meu arquivo .vimrc completo está disponível aqui link , mas aqui estão algumas configurações que considero ú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 a princípio, apenas conhecer o poder que o vim oferece a você fora da caixa deve ser útil o suficiente para a sua codificação já. Mas uma coisa que realmente é útil ter trabalhando no vim é ctags . ctags permite que você faça coisas como "pular para a definição" e preencher automaticamente todas as palavras-chave da árvore de origem. começar com:

apt-get instala exuberant-ctags

Então, no seu .vimrc, adicione

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

Agora, quando você clicar em "F12" em uma sessão vim, ele gerará um arquivo .tags , que o vim pode usar para procurar palavras-chave.

Agora, se você estiver ligado, por exemplo, uma chamada de função em seu código-fonte, poderá usar ctrl+] para ir para sua definição. Mais informações aqui: link

6. o que vem a seguir

Outras pessoas postaram alguns guias realmente úteis, eis algumas páginas SO que considero úteis:

• link
• link
• link

É todo um mundo de vim por aí. Mas: aviso: Se você está se metendo no golfe, provavelmente já foi longe demais - link ; -)

    

Answer 2

Eu sugiro que você comece a estudar .vimrc é como o acima. As necessidades e preferências de todos são diferentes, por isso você deve instalar manualmente as coisas em vez de simplesmente copiar as configurações de outras pessoas.

Alguns recursos sobre o aprendizado do próprio VIM:

• Aprenda Vim Progressivamente , um ótimo guia sobre o aprendizado do Vim.
• Vim Novice Tutorials , uma série de vídeos de Derek Wyatt que eu gostei eu mesmo quando comecei minha jornada.
• Cheat Sheet , se você não estiver familiarizado com o Vim de antes, eu recomendaria ir como um exame. Escreva as combinações de teclas em um papel, o comando à esquerda e a descrição à direita. Então comece a memorizar escondendo o comando ou a descrição e tentando lembrar a resposta. Não demora muito para que os comandos cheguem naturalmente a você, mas lembre-se de usá-los ativamente no Vim também, caso contrário, você desaprenderá rapidamente.
• link (Avalia plugins vim e também tem uma série Vim 101)
• link (alguns grandes elencos)

Alguns plugins realmente úteis

• Syntastic Análise de código estático para vários idiomas
• vim-css3-syntax Sintaxe destacada para CSS3. Geralmente você deve atualizar os arquivos de sintaxe para HTML5 e Javascript também, se você os usar.
• Matchit Estende a funcionalidade de%
• Surround Mapeamentos para tags / parênteses etc, realmente poderosos para desenvolvedores da Web
• Tcomment Alterne com facilidade os comentários na maioria dos idiomas
• Patógeno Mantenha sua pasta vim organizada para que você possa desinstalar e brincar com plugins
• NERDtree Um explorador de árvores muito popular, embora prefira apenas: e.
• Command-T Um gerenciador de buffers popular, pessoalmente não posso usá-lo, pois depende do ruby.
• Snipmate Insira facilmente trechos de código.
• Sparkup Estender div # stuff.class > ul > li * 5 em HTML, você começa a deriva.

Alguns outros bons para saber

• Para obter a conclusão da tabulação para projetos, você pode usar as ctags que o vim suporta
• Rebindida caps-lock para esc, depois de um dia você não consegue entender como você tinha energia para alcançar todo o caminho até esc.
• Vim ramificou as árvores de desfazer, o que significa que você ainda pode desfazer, embora tenha alterado sua árvore de desfazer. O Gundo ajuda você visualize isso.
• O Vim possui undos persistentes, o que significa que ele salva seu histórico de desfazer mesmo que você reinicie seu computador. Você deve habilitar isso definitivamente.
• No meu próprio vimrc, tenho uma função que verifica se estou trabalhando em um site do Drupal ou do Wordpress, dependendo das convenções de código diferentes definidas. (Acho que isso pode ser útil para saber, você pode encontrá-lo no meu repositório ligado abaixo.)
• Steve Losh tinha essa incrível configuração definindo um objeto numérico no vim para que você possa excluir / change / etc apenas o número em por exemplo 200px pressionando cN

Repositórios Vimrc que valem a pena conferir

• Steve Losh Coisas incríveis
• Tim Pope Criador de Fugitive, Surround e vários outros plugins vim
• Oxy Meu próprio repositório, no README Eu tenho um exemplo para gerar ctags para projetos do Drupal.
• Derek Wyatt Seus screencasts me ensinaram vim, você pode encontrar muitas coisas legais lá

Answer 3

você pode usar isto:

bash < < (curl -s link )

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

Um punhado de plugins para o vim foi mantido em um subdiretório de pacote, uma configuração vim útil, principalmente para codificação Rails. Todos os plugins são incluídos como submódulos, assim você pode obter plugins atualizados em um comando que facilita a vida.

detalhe: insira a descrição do link aqui