vim

5 plugin vim per lo sviluppo web

5 plugin vim per lo sviluppo web
Lo sviluppo per il web dipende da molto codice; quando non hai mai usato vim prima, ti sembrerà di dover digitare ogni carattere della pagina web. Potresti provenire da altri editor e chiederti dove sono tutte le funzionalità di completamento del codice e altre cose utili? Dando una rapida occhiata a vim, la conclusione è di andarsene e non toccarlo mai più. Se segui alcune semplici guide e installi i plugin appropriati, cambierai idea. Per essere efficiente durante la programmazione, hai bisogno di alcune funzionalità. Vale a dire, collegamenti alla documentazione, completamento del codice ed evidenziazione della sintassi. Questo non ti renderà un programmatore esperto, ma renderà la tua esperienza molto migliore.

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 è poter vedere i tuoi file in un albero a lato dell'editor. Aggiungi albero NERD!

Nerdtree è pubblicato su GitHub; la maggior parte dei gestori di plugin prende il valore "preservim/nerdtree". L'estensione inserisce un elenco ad albero dei tuoi file dove te lo aspetteresti. Hai molte opzioni per modificare il suo comportamento, inclusa l'impostazione delle frecce su qualsiasi cosa tu voglia. Guardando GitHub, hai anche molte fork che potrebbero adattarsi meglio alle tue esigenze.

Nella scrittura del software, dovrai cercare file e testo in altri file. Senza funzionalità all'interno di Vim, saresti costretto a farlo sulla riga di comando in un altro terminale. Denite si integra con ripgrep e ti permette di cercare proprio lì in Vim. Richiede Python e pynvim ed è molto veloce ed efficiente.

Per installare Denite, devi installare 'Shougo/denite.nvim", nella directory dei plugin vim o usa il tuo gestore plugin preferito. Devi anche 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 rispettivamente nel repo regolare e nel pitone.

Completamento del codice

Molti utenti che passano 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. Neoclide su GitHub ha molte estensioni vim per tutte le tue esigenze. Il "Conquer of Completion", coc d'ora in poi, include il completamento del codice che assomiglia a VSCode.

COC ha anche molti plug-in secondari che utilizzano tutti il ​​plug-in principale. Alcuni sono utili per lingue specifiche. Puoi usare eslint per mantenere il tuo codice corretto e trovare bug. L'estensione più carina rende il tuo codice formattato meglio. L'elenco delle lingue che puoi usare è lungo. Dovresti esaminarlo dopo aver iniziato a usare COC; può valerne la pena passare ad altri, ma non senza ottime ragioni.

Per rendere ancora più veloce la codifica, puoi utilizzare le abbreviazioni per creare il tuo codice. Questo è quello che fai con Emmet; il sistema esiste per molti editor e IDE. In Vim, aggiungi semplicemente il tuo plugin usando init.file vim o vimrc. Per essere davvero efficiente, dovrai imparare le abbreviazioni che corrispondono al codice che desideri. Una volta che li conosci, la velocità di codifica aumenta in modo esponenziale. Per installare, aggiungi https://github.com/mattn/emmet-vim alla configurazione del tuo plugin.

Idiota

Se sei seriamente intenzionato a programmare, devi disporre di un sistema di controllo della versione. Se non usi git, hai un progetto molto raro tra le mani. Esegui Git sulla riga di comando al di fuori del tuo editor finché non trovi un'ottima estensione che lo esegue per te. Dato che hai sentito parlare di Coc, dovresti sapere che esiste un'estensione per quel framework, ma ammettono loro stessi che è a corto di funzionalità. Quindi il più popolare è vim-fugitive. Installalo usando il tuo gestore di plugin 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 fornitori famosi. Hai anche un'opzione sulla riga di stato che puoi aggiungere alla tua riga 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 rendere più piccante la tua esperienza. Potresti voler avere una bella riga di stato nella parte inferiore dello schermo. Usa vim-airline per quello, ce ne sono molti altri, ma questo sembra leggero e arioso. Per installare, aggiungi 'vim-airline/vim-airline' alla tua configurazione. La tua barra delle applicazioni avrà un aspetto migliore e potrai modificare di più a tuo piacimento.

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

Un modo per migliorare sia la barra di stato che la maggior parte delle altre parti dell'interfaccia è aggiungere belle icone all'installazione. La 'ryanoasis/vim-dev-icons' è un'ottima scelta per queste icone. Installare nel modo normale; funziona bene con vim-airline e molte altre estensioni.

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

Dovresti anche considerare come puoi vedere la tua pagina web dal vivo mentre stai programmando al di fuori di vim. Per nodo.js, c'è una soluzione pronta per questo. Si chiama browser-sync. Lo installi con npm e lo esegui con il comando e la directory in cui si trova il tuo progetto. Non appena il comando viene eseguito, avvierà il browser all'indirizzo "localhost:3000"'. Eventuali modifiche verranno visualizzate immediatamente quando aggiorni il codice.

Conclusione

Per iniziare a programmare per il web, devi prima sforzarti di seguire alcuni tutorial e poi creare i tuoi progetti. Trova persone che puoi aiutare in modo che possano aiutarti alla fine. Affinché la tua esperienza di programmazione sia efficiente e piacevole, usa le estensioni di cui hai sentito parlare qui. Dovresti anche continuare a cercare modi per migliorare prima te stesso e poi i tuoi strumenti.

Giochi rimasterizzati in HD per Linux che non hanno mai avuto una versione Linux prima
Molti sviluppatori ed editori di giochi stanno realizzando remaster HD di vecchi giochi per prolungare la vita del franchise, per favore i fan richied...
Come utilizzare AutoKey per automatizzare i giochi Linux
AutoKey è un'utilità di automazione desktop per Linux e X11, programmata in Python 3, GTK e Qt. Utilizzando la sua funzionalità di scripting e MACRO, ...
Come mostrare il contatore FPS nei giochi Linux
I giochi Linux hanno avuto una grande spinta quando Valve ha annunciato il supporto Linux per il client Steam e i loro giochi nel 2012. Da allora, mol...