vim

5 vim-plug-ins voor webontwikkeling

5 vim-plug-ins voor webontwikkeling
Ontwikkelen voor het web hangt af van veel code; als je vim nog niet eerder hebt gebruikt, heb je het gevoel dat je elk webpaginateken moet typen. Je komt misschien van andere editors en vraagt ​​je af waar alle functies voor het voltooien van code en andere handige dingen zijn are? Als je vluchtig naar vim kijkt, is de conclusie om te vertrekken en het nooit meer aan te raken. Als je een paar eenvoudige handleidingen volgt en de juiste plug-ins installeert, zul je van gedachten veranderen. Om efficiënt te kunnen programmeren, heb je een paar functies nodig. Namelijk, documentatiekoppelingen, codeaanvulling en syntaxisaccentuering. Dit zal je geen meesterprogrammeur maken, maar het zal je ervaring veel beter maken.

Bestandsbehandeling

Er zijn veel tools om beter met bestanden om te gaan; je zou echt een workflow in projectstijl moeten gebruiken. Dat gezegd hebbende, een verbetering is dat je je bestanden in een boomstructuur naast de editor kunt zien. NERDtree toevoegen!

Nerdtree wordt gepubliceerd op GitHub; de meeste beheerders van plug-ins nemen de waarde "preservim/nerdtree". De extensie plaatst een boomlijst van uw bestanden waar u het zou verwachten. Je hebt veel opties om het gedrag aan te passen, inclusief het instellen van de pijlen op alles wat je maar wilt. Als je naar GitHub kijkt, heb je ook veel vorken die mogelijk beter bij je behoeften passen.

Bij het schrijven van software moet u zoeken naar bestanden en tekst in andere bestanden. Zonder functies in Vim zou je dat moeten doen op de opdrachtregel in een andere terminal. Deniet integreert met ripgrep en stelt je in staat om daar in Vim . te zoeken. Het vereist Python en pynvim en is erg snel en efficiënt.

Om Denite te installeren, moet je 'Shougo/denite' installeren.nvim', in je vim plugin directory of gebruik je favoriete plugin manager. Je moet ook de Python die je gebruikt instellen met de parameters van het hostprogramma. Gebruik 'checkhealth' in vim om te verifiëren en voor meer informatie.

let g:python_hostprog = '/usr/bin/python' let g:python3_hostprog = '/usr/bin/python3'

Installeer het ripgrep-programma en upgrade je pynvim naar de juiste versie. Ze bevinden zich respectievelijk in de reguliere repo en in de python.

Code voltooien

Veel gebruikers die overstappen van VSCode vragen zich af hoe ze dingen moeten doen zoals code-aanvulling. Maak je geen zorgen, mensen werken om je te helpen en om hun eigen problemen op te lossen. Neoclide op GitHub heeft veel vim-extensies voor al je behoeften. De "Conquer of Completion", coc vanaf nu, bevat code-aanvulling die lijkt op VSCode.

COC heeft ook veel sub-plug-ins die allemaal de hoofdplug-in gebruiken. Sommige zijn handig voor specifieke talen. Je kunt eslint gebruiken om je code correct te houden en bugs te vinden. De mooiere extensie maakt je code beter geformatteerd. De lijst met talen die je kunt gebruiken is lang. U dient dit na te kijken nadat u bent begonnen met het gebruik van COC; overstappen naar anderen kan de moeite waard zijn, maar niet zonder goede redenen.

Om het coderen nog sneller te maken, kun je afkortingen gebruiken om je code te maken. Dit doe je met Emmet; het systeem bestaat voor veel editors en IDE's. In Vim voeg je gewoon je plug-in toe met behulp van de init.vim- of vimrc-bestand. Om echt efficiënt te zijn, moet je de afkortingen leren die overeenkomen met de code die je wilt. Als je die eenmaal kent, neemt de codeersnelheid exponentieel toe. Voeg https://github . toe om te installeren.com/mattn/emmet-vim naar uw plug-inconfiguratie.

Git

Als je serieus bezig bent met programmeren, moet je een versiebeheersysteem hebben. Als je git niet gebruikt, heb je een zeer zeldzaam project in handen. Je voert Git uit op de opdrachtregel buiten je editor totdat je een geweldige extensie vindt die het voor je uitvoert. Sinds je over Coc hebt gehoord, zou je moeten weten dat er een extensie voor dat framework is, maar ze geven zelf toe dat het een tekort aan functies heeft. Dus de meest populaire is vim-vluchteling. Installeer het met uw favoriete plug-inmanager. Als je het eenmaal hebt geïnstalleerd, kun je git uitvoeren alsof je op de opdrachtregel bent. Het voegt ook veel functies toe die zowel op uw repository als op uw buffer werken. Je kunt het gebruiken om het verschil in vim uit te voeren, en het heeft ook veel plug-ins voor bekende providers. Je hebt ook een statuslijnoptie die je aan je statusregel kunt toevoegen. Een voorbeeld hiervan ziet u verderop.

Andere vreemde die je misschien leuk vindt.

Als je eenmaal alle functies in je editor hebt, wil je misschien je ervaring opfleuren. Misschien wil je een mooie statusregel onderaan het scherm. Gebruik daarvoor vim-airline, er zijn er nog veel meer, maar deze ziet er licht en luchtig uit. Om te installeren, voeg 'vim-airline/vim-airline' toe aan je configuratie. Je taakbalk ziet er meteen beter uit en je kunt op je gemak meer tweaken.

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

Een manier om zowel uw statusbalk er beter uit te laten zien als de meeste andere delen van de interface, is door mooie pictogrammen aan de installatie toe te voegen. De 'ryanoasis/vim-dev-icons' is een goede keuze voor deze iconen. Installeer de reguliere manier; het speelt goed met vim-airline en vele andere extensies.

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

U moet ook overwegen hoe u uw webpagina live kunt zien terwijl u buiten vim aan het coderen bent. voor knooppunt.js, hier is een kant-en-klare oplossing voor. Het wordt browsersynchronisatie genoemd. Je installeert het met npm en voert het uit met de opdracht en de map waar je project zich bevindt. Zodra de opdracht wordt uitgevoerd, wordt uw browser gestart op het adres 'localhost:3000'. Alle wijzigingen worden onmiddellijk weergegeven wanneer u de code opwaardeert.

Conclusie

Om te beginnen met programmeren voor het web, moet u eerst een paar zelfstudies volgen en vervolgens uw eigen projecten maken. Zoek mensen die je kunt helpen, zodat ze je uiteindelijk kunnen helpen. Om uw codeerervaring efficiënt en aangenaam te maken, gebruikt u de extensies waarover u hier hebt gehoord. Je moet ook blijven zoeken naar manieren om eerst jezelf te verbeteren en daarna je tools.

Beste opdrachtregelspellen voor Linux
De opdrachtregel is niet alleen je grootste bondgenoot bij het gebruik van Linux, hij kan ook de bron van entertainment zijn omdat je hem kunt gebruik...
Beste gamepad-toewijzingsapps voor Linux
Als je graag games op Linux speelt met een gamepad in plaats van een typisch toetsenbord- en muisinvoersysteem, zijn er enkele handige apps voor jou. ...
Handige hulpmiddelen voor Linux-gamers
Als je graag games op Linux speelt, is de kans groot dat je apps en hulpprogramma's zoals Wine, Lutris en OBS Studio hebt gebruikt om de game-ervaring...