5 Vim -plugins for webutvikling

Å utvikle for nettet avhenger av mye kode; Når du ikke har brukt VIM før, vil du føle at du må skrive inn hvert tegn på websiden. Du kan komme fra andre redaktører og lure på hvor alle kode fullføringsfunksjoner og andre nyttige ting? Når du tar en kortvarig titt på Vim, er konklusjonen å forlate og aldri berøre den igjen. Hvis du følger noen få enkle guider og installerer passende plugins, vil du ombestemme deg. For å være effektiv når du programmerer, trenger du noen få funksjoner. Nemlig dokumentasjonskoblinger, fullføring av kode og syntaksutheving. Dette vil ikke gjøre deg til en mesterprogrammerer, men det vil gjøre opplevelsen din mye bedre.

Filhåndtering

Det er mange verktøy for å håndtere filer bedre; Du burde virkelig bruke en arbeidsflyt i prosjektstil. Når det er sagt, er en forbedring å kunne se filene dine i et tre til siden av redaktøren. Legg til Nerdtree!

Nerdtree er publisert på Github; De fleste plugin -ledere tar verdien “Preservim/Nerdtree”. Utvidelsen plasserer en treoppføring av filene dine der du forventer det. Du har mange alternativer for å finjustere atferden, inkludert å sette pilene til alt du vil ha. Ser du på Github, har du også mange gafler som kan passe til dine behov bedre.

Når du skriver programvare, må du søke etter filer og tekst i andre filer. Uten funksjoner inne i Vim, ville du bli tvunget til å gjøre det på kommandolinjen i en annen terminal. Denite integreres med ripgrep og lar deg søke akkurat der i vim. Det krever Python og Pynvim og er veldig rask og effektiv.

For å installere Denite, må du installere 'Shougo/Denite.NVIM ', i VIM -plugin -katalogen eller bruk din favoritt plugin manager. Du må også angi Python du bruker med vertsprogramparametrene. Bruk 'CheckHealth' i VIM for å bekrefte og for mer informasjon.

La G: Python_HostProg = '/usr/bin/python' Let G: Python3_HostProg = '/usr/bin/python3'

Installer Ripgrep -programmet og oppgrader Pynvim til riktig versjon. De er i henholdsvis den vanlige repoen og i Python.

Kode fullføring

Mange brukere som flytter fra vscode, lurer på hvordan du gjør ting som kode-fullføring. Ikke å bekymre deg, folk jobber for å hjelpe deg og løse sine egne problemer. Neoclide på GitHub har mange VIM -utvidelser for alle dine behov. "Conquer of Completion", COC fra nå av, inkluderer fullføring av kode som ligner vscode.

COC har også mange subplugins som alle bruker hovedplugin. Noen er nyttige for spesifikke språk. Du kan bruke ESLINT for å holde koden riktig og finne feil. Den penere utvidelsen gjør koden din bedre formatert. Listen over språk du kan bruke er lang. Du bør se det gjennom etter at du har begynt å bruke COC; Å bytte til andre kan være verdt det, men ikke uten veldig gode grunner.

For å gjøre det enda raskere å kode, kan du bruke forkortelser for å opprette koden. Dette er hva du gjør med Emmet; systemet eksisterer for mange redaktører og ides. I VIM legger du bare til pluginen din ved å bruke init.VIM- eller VIMRC -fil. For å være virkelig effektiv, må du lære forkortelsene som tilsvarer koden du ønsker. Når du kjenner dem, tar kodingshastigheten eksponentielt. For å installere, legg til https: // github.com/mattn/Emmet-vim til din plugin-konfigurasjon.

Git

Hvis du ser alvorlig på programmering, må du ha et versjonskontrollsystem. Hvis du ikke bruker Git, har du et veldig sjeldent prosjekt på hendene. Du kjører Git på kommandolinjen utenfor redaktøren din til du finner en flott utvidelse som kjører den for deg. Siden du hørte om COC, bør du vite at det er en utvidelse for det rammeverket, men de innrømmer seg selv at det er kort på funksjoner. Så den mest populære er vim-fugitive. Installer den ved hjelp av din favoritt plugin manager. Når du har den installert, kan du kjøre Git akkurat som om du var på kommandolinjen. Den legger også til mange funksjoner som både handler på depotet og bufferen din. Du kan bruke den til å kjøre forskjellen i VIM, og den har også mange plugins for kjente leverandører. Du har også et statuslinjealternativ som du kan legge til statuslinjen. Du vil se et eksempel på dette lenger ned.

Andre rare du kanskje vil like.

Når du har alle funksjonene i redaktøren din, kan det være lurt å krydre opplevelsen din. Det kan være lurt å ha en fin statuslinje nederst på skjermen. Bruk Vim-Airline for det, det er mange andre, men denne ser lett og luftig. For å installere, legg til 'Vim-Air/Vim-Airline' til konfigurasjonen din. Oppgavelinjen din vil øyeblikkelig se bedre ut, og du kan finjustere mer ved din blad.

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

En måte å få både statuslinjen til å se bedre ut og de fleste andre deler av grensesnittet er å legge til fine ikoner til installasjonen. 'Ryanoasis/vim-dev-Icons' er et godt valg for disse ikonene. Installer den vanlige måten; Det spiller bra med Vim-Air og mange andre utvidelser.

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

Du bør også vurdere hvordan du kan se websiden din live mens du koder utenfor Vim. For node.JS, det er en klar løsning for dette. Det kalles nettleser-synk. Du installerer den med npm og kjør den med kommandoen og katalogen der prosjektet ditt er. Så snart kommandoen kjører, starter den nettleseren på 'Localhost: 3000' -adressen. Eventuelle endringer vises umiddelbart når du oppgraderer koden.

Konklusjon

For å komme i gang med programmering for nettet, må du først sette inn for å følge noen få opplæringsprogrammer og deretter lage dine egne prosjekter. Finn folk som du kan hjelpe, slik at de kan hjelpe deg på slutten. For at kodingsopplevelsen din skal være effektiv og hyggelig, bruk utvidelsene du har hørt om her. Du bør også fortsette å lete etter måter å forbedre deg selv først og deretter verktøyene dine.