vim

5 vim plugins for webutvikling

5 vim plugins for webutvikling
Utvikling for nettet avhenger av mye kode; når du ikke har brukt vim før, vil du føle at du må skrive hvert nettsidekarakter. Du kan komme fra andre redaktører og lurer på hvor er alle kodefullføringsfunksjonene og andre nyttige ting? Når vi tar en kort titt på vim, er konklusjonen å dra 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 masterprogrammerer, 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 på 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 å justere oppførselen, inkludert å sette pilene til alt du vil. Når du ser på GitHub, har du også mange gafler som passer bedre til dine behov.

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 der i Vim. Det krever Python og pynvim og er veldig raskt og effektivt.

For å installere Denite, må du installere 'Shougo / denite.nvim ', i vim-plugin-katalogen eller bruk din favoritt-plugin-manager. Du må også stille inn Python du bruker med vertsprogramparametrene. Bruk 'checkhealth' i vim for å bekrefte og for mer informasjon.

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

Installer ripgrep-programmet og oppgrader pynvim til riktig versjon. De er i henholdsvis vanlig repo og i python.

Kodefullføring

Mange brukere som flytter fra VSCode, lurer på hvordan de kan gjøre ting som å fullføre kode. Ikke bekymre deg, folk jobber for å hjelpe deg og for å 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 på VSCode.

COC har også mange sub-plugins som alle bruker hovedprogrammet. Noen er nyttige for bestemte 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 gjennom det etter at du har begynt å bruke p-piller; å 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 til å lage koden din. Dette er hva du gjør med Emmet; systemet eksisterer for mange redaktører og IDEer. I Vim legger du bare til pluginet ditt ved hjelp av init.vim- eller vimrc-fil. For å være veldig effektiv, må du lære deg forkortelsene som tilsvarer koden du vil ha. Når du vet det, tar kodingshastigheten eksponentielt. For å installere, legg til https: // github.com / mattn / emmet-vim til plugin-konfigurasjonen din.

Git

Hvis du er seriøs med 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 lite funksjoner. Så den mest populære er vim-flyktig. Installer det ved hjelp av din favoritt plugin manager. Når du har installert den, kan du kjøre git akkurat som om du var på kommandolinjen. Det legger også til mange funksjoner som både virker på lageret og bufferen. 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 i statuslinjen. Du vil se et eksempel på dette lenger nede.

Andre rare du kanskje vil like.

Når du har alle funksjonene i redigeringsprogrammet, vil du kanskje krydre opplevelsen din. Det kan være lurt å ha en fin statuslinje nederst på skjermen. Bruk vim-airline til det, det er mange andre, men dette ser lett og luftig ut. For å installere, legg til 'vim-airline / vim-airline' i konfigurasjonen. Oppgavelinjen din vil umiddelbart se bedre ut, og du kan tilpasse mer på fritiden.

https: // github.com / vim-airline / 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 vanlig måte; det spiller bra med vim-airline 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 nettlesersynkronisering. Du installerer den med npm og kjører den med kommandoen og katalogen der prosjektet ditt er. Så snart kommandoen kjører, starter den nettleseren din på 'localhost: 3000' -adressen. Eventuelle endringer vises umiddelbart når du oppgraderer koden.

Konklusjon

For å komme i gang med programmering på nettet, må du først anstrenge deg for å følge noen få veiledninger og deretter lage dine egne prosjekter. Finn folk du kan hjelpe, slik at de kan hjelpe deg på slutten. For at kodeopplevelsen 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.

Mus Etterlig museklikk ved å sveve med Clickless Mouse i Windows 10
Etterlig museklikk ved å sveve med Clickless Mouse i Windows 10
Bruk av mus eller tastatur i feil stilling for overdreven bruk kan føre til mange helseproblemer, inkludert belastning, karpaltunnelsyndrom og mer. I ...
Mus Legg til musebevegelser i Windows 10 ved hjelp av disse gratisverktøyene
Legg til musebevegelser i Windows 10 ved hjelp av disse gratisverktøyene
De siste årene har datamaskiner og operativsystemer utviklet seg sterkt. Det var en tid da brukere måtte bruke kommandoer for å navigere gjennom filad...
Mus Kontroller og administrer musebevegelser mellom flere skjermer i Windows 10
Kontroller og administrer musebevegelser mellom flere skjermer i Windows 10
Dual Display Mouse Manager lar deg kontrollere og konfigurere musebevegelse mellom flere skjermer, ved å bremse bevegelsene nær grensen. Windows 10/8,...