Come posso personalizzare Vim per lo sviluppo web e la programmazione?

Ho già cercato di trovare qualcosa per la mia domanda in [askubuntu.com], ma nulla rispondeva ai miei bisogni. Quindi, quello che voglio è costruire vim come un editor molto potente e utile per html, css, javascript, ecc. Ma anche per la programmazione. Sto cercando di imparare CSS e in generale volevo un editor molto carino con molti plugin. Quindi, qualcuno può aiutarmi, passo dopo passo, per personalizzare vim e su quali funzioni guardarmi intorno che potrebbero aiutarmi nel mio periodo di apprendimento? Grazie

Oh, e l'unico modo in cui vim è in esecuzione è dal terminale? Grazie

*** modifica ---> Non riesco a trovare il file my.vimrc

Tutti gli altri hanno un consiglio eccellente, ho pensato di completare alcune delle basi:

1. GVim per vim all'esterno della console e come installarlo

Hai chiesto se vim può essere eseguito solo dalla console. GVim (GUI-Vim) è la versione standalone. Dal tuo screenshot, sembra che tu stia usando Ubuntu, puoi trovare gvim nel Software Center e installarlo da lì. In alternativa puoi farlo sudo apt-get install gvimda un terminale.

2. Creazione di un file di configurazione .vimrc

Sembra che, per impostazione predefinita, vim / gvim non crei .vimrcper te, quindi puoi crearne uno tu stesso. Apri vim e digita :e ~/.vimrcper modificare un nuovo file chiamato .vimrcnella tua cartella home ( ~)

Inizieremo aggiungendo solo un'impostazione, in modo da poter vedere se ha funzionato. Aggiungi il seguente testo:

" switch on line numbering
set number

Il "è il carattere di commento.

Quindi, esci da vim e riavvialo: dovresti trovare che un numero di riga 1 è apparso in alto a sinistra e dovresti trovare che qualsiasi file che modifichi da ora in poi ha la numerazione di linea attivata per impostazione predefinita.

3. Installazione di un plug-in

I plugin vivono in una cartella chiamata ~/.vim/, ma, di nuovo, vim non lo crea per impostazione predefinita, quindi devi farlo:

mkdir ~/.vim

Nel tempo, la .vimcartella crescerà diverse sottocartelle come:

• plugin per plugin
• color per combinazioni di colori
• doc per documentazione
• syntax per le modalità di evidenziazione della sintassi

Ma per ora è vuoto. Aggiungiamo un plugin, per provarlo.

Inizia aprendo vim con vim .- che dice a vim di aprire una cartella in modalità "explorer". Installeremo NERDtree che è un popolare plugin per browser di file, che sostituirà Explorer predefinito.

Vai a http://www.vim.org/scripts/script.php?script_id=1658 e scarica il file zip dalla tabella nella parte inferiore della pagina.

Aprilo nel gestore degli archivi, scegli "estrai" e poi digli di estrarlo nella tua ~/.vim/cartella. Potrebbe essere necessario premere Ctrl+Hall'interno del browser delle cartelle del gestore dell'archivio per mostrare le cartelle nascoste.

Una volta estratto, creerà diverse sottocartelle .vimper te. Se ora riavvii vim con a

vim .

Dovresti vedere che la vista di Explorer è cambiata! Ora sta usando il plugin NERDtree.

4. Altre impostazioni .vimrc

Il mio completo .vimrc è disponibile qui https://bitbucket.org/hjwp/vim/src , ma qui ci sono alcune impostazioni che trovo davvero utili:

" 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. Tag

All'inizio non mi preoccuperei troppo dei plugin, solo conoscere il potere che vim ti offre immediatamente dovrebbe essere abbastanza utile per la tua codifica. Ma una cosa che è davvero utile per lavorare in vim è ctags . ctags ti permette di fare cose come "saltare alla definizione" e completare automaticamente tutte le parole chiave nella tua struttura di origine. iniziare con:

apt-get install exuberant-ctags

Quindi, nel tuo .vimrc, aggiungi

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

Ora, quando premi "F12" in una sessione di vim, genererà un .tagsfile, che vim può usare per cercare le parole chiave.

Ora, se sei attivo, ad esempio una chiamata di funzione nel tuo codice sorgente, puoi usare ctrl+]per saltare alla sua definizione. Maggiori informazioni qui: /programming/563616/vim-and-ctags-tips-and-tricks

6. che cosa è il prossimo

Altre persone hanno pubblicato alcune guide dall'aspetto davvero utile, ecco un paio di pagine SO che ho trovato utili anche:

• /programming/95072/what-are-your-favorite-vim-tricks
• /programming/726894/what-are-the-dark-corners-of-vim-your-mom-never-told-you-about
• /programming/164847/what-is-in-your-vimrc

È un intero mondo virtuale. Ma: avvertimento: se ti ritrovi a giocare a golf vim, probabilmente sei andato troppo lontano - http://vimgolf.com/ ;-)

Ti suggerirei di iniziare a studiare .vimrc è proprio come quello sopra. Le esigenze e le preferenze di ognuno sono diverse, quindi dovresti assolutamente andare a installare manualmente le cose invece di copiare semplicemente le configurazioni di qualcun altro.

Alcune risorse sull'apprendimento di VIM stesso:

• Impara Vim Progressivamente , un'ottima guida sull'apprendimento di Vim.
• Vim Novice Tutorials , una serie di video di Derek Wyatt Mi sono divertito quando ho iniziato il mio viaggio.
• Cheat Sheet , se non hai familiarità con Vim di prima ti consiglierei di andare su questo come un esame. Scrivi le combinazioni di tasti su un foglio, il comando a sinistra e la descrizione a destra. Quindi inizia a memorizzare nascondendo il comando o la descrizione e cercando di ricordare la risposta. Non ci vuole molto prima che i comandi arrivino naturalmente a te, ma ricordati di usarli anche attivamente in Vim, altrimenti disimparerai rapidamente.
• http://usevim.com (Valuta i plugin di Vim e ha anche una serie Vim 101)
• http://vimcasts.org/episodes/archive (Alcuni grandi cast)

Alcuni plugin davvero utili

• Analisi del codice statico sintetico per tonnellate di lingue
• sintassi vim-css3- evidenziazione della sintassi per CSS3. Generalmente dovresti aggiornare anche i file di sintassi per HTML5 e Javascript, se li usi così.
• Matchit estende la funzionalità di%
• Mapping surround per tag / parentesi ecc., Davvero potente per gli sviluppatori Web
• Tcomment Attiva / disattiva facilmente i commenti nella maggior parte delle lingue
• Pathogen Mantieni organizzata la tua cartella vim in modo da poter disinstallare e giocare con i plugin
• NERDtree Un esploratore di alberi molto popolare, anche se personalmente preferisco solo: e.
• Comando-T Un noto gestore di buffer, personalmente non posso usarlo perché dipende da ruby.
• Snipmate Inserisci facilmente frammenti di codice.
• Sparkup Estendi div # stuff.class> ul> li * 5 in HTML, ottieni la deriva.

Qualche altro buono a sapersi

• Per ottenere il completamento delle tabulazioni per i progetti è possibile utilizzare i tag che vim supporta
• Ricollega il maiuscolo per esc, dopo un giorno non riesci a capire come hai avuto l'energia per raggiungere fino all'esc.
• Vim ha ramificato gli alberi di annullamento, il che significa che puoi ancora annullare anche se hai modificato l'albero di annullamento. Gundo ti aiuta a visualizzare questo.
• Vim ha annullamenti persistenti, il che significa che salva la cronologia degli annullamenti anche se riavvii il computer, dovresti assolutamente abilitarlo.
• Nel mio vimrc ho una funzione che controlla se sto lavorando su un sito Drupal o Wordpress, a seconda che siano impostate diverse convenzioni di codice. (Suppongo che questo possa essere utile sapere, lo puoi trovare nel mio repository collegato di seguito.)
• Steve Losh aveva questa fantastica configurazione che definiva un oggetto numero in vim, quindi puoi cancellare / cambiare / etc solo il numero in ad esempio 200px premendo cN

Repository di Vimrc da provare

• Steve Losh Roba fantastica
• Tim Pope Creatore di Fugitive, Surround e tonnellate di altri plugin vim
• Oxy Il mio repository, nel README ho un esempio per la generazione di tag per i progetti Drupal.
• Derek Wyatt I suoi screencast mi hanno insegnato Vim, puoi trovare molte cose interessanti lì

puoi usare questo:

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

Questa è la configurazione del mio insegnante, nella speranza di aiutarti.

Una manciata di plugin per vim tutti mantenuti in una sottodirectory bundle, utile configurazione di vim, in particolare per la codifica Rails. Tutti i plug-in sono inclusi come sottomoduli, quindi puoi aggiornare i plug-in con un solo comando che semplifica la vita.

dettaglio: inserisci qui la descrizione del link