vim

5 vim-plugins för webbutveckling

5 vim-plugins för webbutveckling
Utveckling för webben beror på mycket kod; när du inte har använt vim tidigare kommer du att känna att du måste skriva varje webbsides karaktär. Du kanske kommer från andra redaktörer och undrar var alla funktioner för kodavslutning och andra hjälpsamma saker är? Titta en kortfattad titt på vim, slutsatsen är att lämna och aldrig röra vid den igen. Om du följer några enkla guider och installerar lämpliga plugins kommer du att ändra dig. För att vara effektiv när du programmerar behöver du några funktioner. Nämligen dokumentationslänkar, kodavslutning och syntaxmarkering. Detta kommer inte att göra dig till en masterprogrammerare, men det kommer att göra din upplevelse mycket bättre.

Filhantering

Det finns många verktyg för att hantera filer bättre; du borde verkligen använda ett arbetsflöde i projektstil. Med det sagt är en förbättring att kunna se dina filer i ett träd på sidan av redigeraren. Lägg till NERDtree!

Nerdtree publiceras på GitHub; de flesta pluginchefer tar värdet “preservim / nerdtree”. Tillägget placerar en trädlista över dina filer där du förväntar dig det. Du har många alternativ för att justera dess beteende, inklusive att ställa in pilarna till vad du vill. Om du tittar på GitHub har du också många gafflar som passar dina behov bättre.

I skrivprogramvaran måste du söka efter filer och text i andra filer. Utan funktioner i Vim skulle du tvingas göra det på kommandoraden i en annan terminal. Denite integreras med ripgrep och låter dig söka direkt där i Vim. Det kräver Python och pynvim och är mycket snabbt och effektivt.

För att installera Denite måste du installera 'Shougo / denite.nvim ', i din vim-plugin-katalog eller använd din favorit-plugin-manager. Du måste också ställa in den Python du använder med värdprogrammets parametrar. Använd 'checkhealth' i vim för att verifiera och för mer information.

låt g: python_hostprog = '/ usr / bin / python' låt g: python3_hostprog = '/ usr / bin / python3'

Installera ripgrep-programmet och uppgradera din pynvim till rätt version. De är i den vanliga repo respektive i python.

Slutförande av kod

Många användare som flyttar från VSCode undrar hur man gör saker som att slutföra kod. Oroa dig inte, människor arbetar för att hjälpa dig och för att lösa sina egna problem. Neoclide på GitHub har många vim-tillägg för alla dina behov. "Conquer of Completion", coc från och med nu, inkluderar kodavslutning som liknar VSCode.

COC har också många sub-plugins som alla använder huvudplugin. Vissa är användbara för specifika språk. Du kan använda eslint för att hålla din kod korrekt och hitta buggar. Det snyggare tillägget gör din kod bättre formaterad. Listan över språk du kan använda är lång. Du bör titta igenom det efter att du har börjat använda COC; att byta till andra kan vara värt det, men inte utan särskilt goda skäl.

För att göra det ännu snabbare att koda kan du använda förkortningar för att skapa din kod. Det här är vad du gör med Emmet; systemet finns för många redaktörer och IDE: er. I Vim lägger du bara till ditt plugin med init.vim- eller vimrc-fil. För att vara riktigt effektiv måste du lära dig de förkortningar som motsvarar koden du vill ha. När du väl känner till dem, ökar kodningshastigheten exponentiellt. För att installera, lägg till https: // github.com / mattn / emmet-vim till din plugin-konfiguration.

Git

Om du menar allvar med programmering måste du ha ett versionskontrollsystem. Om du inte använder git, har du ett mycket sällsynt projekt på dina händer. Du kör Git på kommandoraden utanför din redaktör tills du hittar ett bra tillägg som kör det åt dig. Eftersom du hörde talas om Coc, borde du veta att det finns en förlängning för det ramverket, men de erkänner själva att det saknar funktioner. Så det mest populära är vim-flykt. Installera den med din favoritplugghanterare. När du väl har installerat det kan du köra git precis som om du befann dig på kommandoraden. Det lägger också till många funktioner som både verkar på ditt förråd och din buffert. Du kan använda den för att köra skillnaden i vim, och den har också många plugins för kända leverantörer. Du har också ett statuslinjealternativ som du kan lägga till i din statusrad. Du ser ett exempel på detta längre ner.

Andra udda som du kanske gillar.

När du har alla funktioner i din redigerare kanske du vill krydda din upplevelse. Du kanske vill ha en fin statusrad längst ner på skärmen. Använd vim-airline för det, det finns många andra, men den här ser lätt och luftig ut. För att installera, lägg till 'vim-airline / vim-airline' i din konfiguration. Aktivitetsfältet kommer omedelbart att se bättre ut och du kan justera mer på din fritid.

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

Ett sätt att få både din statusfält att se bättre ut och de flesta andra delar av gränssnittet är att lägga till fina ikoner till installationen. 'Ryanoasis / vim-dev-icons' är ett utmärkt val för dessa ikoner. Installera det vanliga sättet; det spelar bra med vim-airline och många andra tillägg.

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

Du bör också överväga hur du kan se din webbsida live medan du kodar utanför vim. För nod.js, det finns en färdig lösning för detta. Det kallas webbläsarsynkronisering. Du installerar den med npm och kör den med kommandot och katalogen där ditt projekt är. Så snart kommandot körs startar det din webbläsare på "localhost: 3000" -adressen. Eventuella ändringar visas omedelbart när du uppgraderar koden.

Slutsats

För att komma igång med programmering för webben måste du först anstränga dig för att följa några handledning och sedan skapa dina egna projekt. Hitta personer som du kan hjälpa så att de kan hjälpa dig i slutet. För att din kodupplevelse ska vara effektiv och trevlig, använd de tillägg som du hörde talas om här. Du bör också fortsätta leta efter sätt att förbättra dig själv först och sedan dina verktyg.

Mus Mus vänsterklicka på knappen fungerar inte på Windows 10
Mus vänsterklicka på knappen fungerar inte på Windows 10
Om du använder en dedikerad mus med din bärbara dator eller stationära dator men musens vänsterklick-knapp fungerar inte på Windows 10/8/7 av någon an...
Mus Markören hoppar eller rör sig slumpmässigt när du skriver in Windows 10
Markören hoppar eller rör sig slumpmässigt när du skriver in Windows 10
Om du upptäcker att muspekaren hoppar eller rör sig på egen hand, automatiskt, slumpmässigt när du skriver in Windows-bärbar dator eller dator, kan nå...
Mus Så här vänder du mus- och styrplattans rullningsriktning i Windows 10
Så här vänder du mus- och styrplattans rullningsriktning i Windows 10
Mus och Pekplattas gör inte bara datoranvändning lättare men effektivare och mindre tidskrävande. Vi kan inte föreställa oss ett liv utan dessa enhete...