5 plugin VIM per lo sviluppo web
Gestione dei file
Ci sono molti strumenti per gestire meglio i file; Dovresti davvero usare un flusso di lavoro in stile progetto. Detto questo, un miglioramento è essere in grado di vedere i tuoi file su un albero al lato dell'editor. Aggiungi Nerdtree!
Nerdtree è pubblicato su GitHub; La maggior parte dei gestori di plugin assume il valore "Preservim/Nerdtree". L'estensione colloca un elenco di alberi dei tuoi file dove lo aspetteresti. Hai molte opzioni per modificare il suo comportamento, incluso l'impostazione delle frecce su tutto ciò che desideri. Guardando Github, hai anche molte forchette che possono soddisfare meglio le tue esigenze.
Per scrivere software, dovrai cercare file e testo in altri file. Senza caratteristiche all'interno di Vim, saresti costretto a farlo sulla riga di comando in un altro terminale. Denite si integra con RIPGREP e ti consente di cercare proprio lì in VIM. Richiede Python e Pynvim ed è molto veloce ed efficiente.
Per installare Denite, è necessario installare 'Shougo/Denite.nvim ', nella directory del plugin Vim o usa il tuo Plugin Manager preferito. È inoltre necessario impostare il Python che usi con i parametri del programma host. Usa "CheckHealth" in VIM per verificare e per ulteriori informazioni.
Let G: python_hostprog = '/usr/bin/python' let g: python3_hostprog = '/usr/bin/python3'
Installa il programma RIPGREP e aggiorna il tuo Pynvim alla versione corretta. Sono nel Repo regolare e nel Python, rispettivamente.
Completamento del codice
Molti utenti che si spostano da VScode si chiedono come fare cose come il completamento del codice. Non preoccuparti, le persone stanno lavorando per aiutarti e per risolvere i propri problemi. Il neoclide su GitHub ha molte estensioni VIM per tutte le tue esigenze. Il "conquista del completamento", da COC da ora in poi, include il completamento del codice che ricorda VSCode.
COC ha anche molti plugin secondari che usano tutti il plugin principale. Alcuni sono utili per lingue specifiche. Puoi usare ESLint per mantenere il codice corretto e trovare bug. L'estensione più bella rende il tuo codice meglio formattato. L'elenco delle lingue che puoi usare è lungo. Dovresti guardarlo dopo aver iniziato a usare COC; Il passaggio agli altri può valerne la pena, ma non senza ottime ragioni.
Per rendere ancora più veloce il codice, è possibile utilizzare le abbreviazioni per creare il tuo codice. Questo è quello che fai con Emmet; Il sistema esiste per molti redattori e ides. In VIM, aggiungi semplicemente il plug -in usando l'inizio.file vim o vimrc. Per essere davvero efficiente, dovrai imparare le abbreviazioni che corrispondono al codice desiderato. Una volta che ne conosci, la velocità di codifica riprende esponenzialmente. Per installare, aggiungi https: // github.com/mattn/emmet-vim alla configurazione del plugin.
Idiota
Se sei serio sulla programmazione, devi avere un sistema di controllo della versione. Se non usi Git, allora hai un progetto molto raro tra le mani. Corri git sulla riga di comando al di fuori del tuo editor fino a trovare una grande estensione che la esegue per te. Da quando hai sentito parlare di COC, dovresti sapere che c'è un'estensione per quel quadro, ma si ammettono che è a corto di caratteristiche. Quindi il più popolare è VIM-Fugitive. Installalo utilizzando il tuo Gestione plug -in preferito. Una volta installato, puoi eseguire Git proprio come se fossi sulla riga di comando. Aggiunge anche molte funzionalità che agiscono sia sul tuo repository che sul tuo buffer. Puoi usarlo per eseguire la differenza in VIM e ha anche molti plugin per i famosi fornitori. Hai anche un'opzione di stato che puoi aggiungere alla tua linea di stato. Vedrai un esempio di questo più in basso.
Altri strani che potrebbero piacerti.
Una volta che hai tutte le funzioni nel tuo editor, potresti voler ravvivare la tua esperienza. Potresti voler avere una bella linea di stato nella parte inferiore dello schermo. Usa Vim-Airline per questo, ce ne sono molti altri, ma questo sembra leggero e arioso. Per installare, aggiungi 'Vim-Airline/Vim-Airline' alla configurazione. La tua barra delle applicazioni sembrerà immediatamente migliore e puoi modificare di più sul tuo leasure.
https: // github.com/vim-airline/vim-airline
Un modo per rendere sia la tua barra di stato migliore e la maggior parte delle altre parti dell'interfaccia è aggiungere belle icone all'installazione. "Ryanoasis/Vim-Dev-icons" è un'ottima scelta per queste icone. Installare il modo normale; Gioca bene con Vim-Airline e molte altre estensioni.
https: // github.com/ryanoasis/vim-devicons
Dovresti anche considerare come puoi vedere la tua pagina web in diretta mentre stai codificando al di fuori di VIM. Per nodo.JS, c'è una soluzione pronta per questo. Si chiama browser-sync. Lo installi con npm ed eseguilo con il comando e la directory in cui si trova il tuo progetto. Non appena il comando viene eseguito, inizierà il browser sull'indirizzo "Localhost: 3000". Eventuali modifiche verranno visualizzate immediatamente mentre aggiorni il codice.
Conclusione
Per iniziare a programmare per il Web, devi prima fare lo sforzo di seguire alcuni tutorial e quindi creare i tuoi progetti. Trova persone che puoi aiutare in modo che possano aiutarti. Perché la tua esperienza di codifica sia efficiente e piacevole, usa le estensioni di cui hai sentito parlare qui. Dovresti anche continuare a cercare modi per migliorarti prima e poi i tuoi strumenti.