vim

5 vim-plugins til webudvikling

5 vim-plugins til webudvikling
Udvikling til internettet afhænger af en masse kode; når du ikke har brugt vim før, vil du føle, at du er nødt til at skrive hver webside-karakter. Du kan komme fra andre redaktører og spekulerer på, hvor er alle kodefærdiggørelsesfunktioner og andre nyttige ting? Når vi kigger let på vim, er konklusionen at forlade og aldrig røre ved det igen. Hvis du følger et par enkle vejledninger og installerer de relevante plugins, skifter du mening. For at være effektiv ved programmering har du brug for et par funktioner. Nemlig dokumentationslink, kodefuldførelse og syntaksfremhævning. Dette vil ikke gøre dig til en masterprogrammerer, men det vil gøre din oplevelse meget bedre.

Filhåndtering

Der er mange værktøjer til at håndtere filer bedre; du skal virkelig bruge et workflow i projektstil. Når det er sagt, er en forbedring at kunne se dine filer i et træ til siden af ​​redaktøren. Tilføj NERDtree!

Nerdtree er offentliggjort på GitHub; de fleste plugin-ledere tager værdien "preservim / nerdtree". Udvidelsen placerer en træoversigt over dine filer, hvor du forventer det. Du har mange muligheder for at tilpasse dens opførsel, herunder at indstille pilene til alt, hvad du vil. Når man ser på GitHub, har du også mange gafler, der måske passer bedre til dine behov.

Når du skriver software, skal du søge efter filer og tekst i andre filer. Uden funktioner inde i Vim ville du blive tvunget til at gøre det på kommandolinjen i en anden terminal. Denite integreres med ripgrep og giver dig mulighed for at søge lige der i Vim. Det kræver Python og pynvim og er meget hurtigt og effektivt.

For at installere Denite skal du installere 'Shougo / denite.nvim ', i dit vim-plugin-bibliotek eller brug din foretrukne plugin-manager. Du skal også indstille den Python, du bruger, med værtsprogramparametrene. Brug 'checkhealth' i vim til at bekræfte og for mere information.

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

Installer ripgrep-programmet, og opgrader din pynvim til den rigtige version. De er henholdsvis i den almindelige repo og i python.

Fuldførelse af kode

Mange brugere, der flytter fra VSCode, spekulerer på, hvordan man gør ting som kodeudfyldning. Ikke bekymre dig, folk arbejder på at hjælpe dig og løse deres egne problemer. Neoclide på GitHub har mange vim-udvidelser til alle dine behov. “Conquer of Completion”, coc fra nu af, inkluderer færdiggørelse af kode, der ligner VSCode.

COC har også mange sub-plugins, som alle bruger hoved-pluginet. Nogle er nyttige til bestemte sprog. Du kan bruge eslint til at holde din kode korrekt og finde fejl. Den smukkere udvidelse gør din kode bedre formateret. Listen over sprog, du kan bruge, er lang. Du skal se igennem, når du er begyndt at bruge COC; skifte til andre kan være det værd, men ikke uden meget gode grunde.

For at gøre det endnu hurtigere at kode, kan du bruge forkortelser til at oprette din kode. Dette er hvad du gør med Emmet; systemet findes for mange redaktører og IDE'er. I Vim tilføjer du bare dit plugin ved hjælp af init.vim- eller vimrc-fil. For at være virkelig effektiv skal du lære de forkortelser, der svarer til den ønskede kode. Når du kender dem, øges kodningshastigheden eksponentielt. For at installere skal du tilføje https: // github.com / mattn / emmet-vim til din plugin-konfiguration.

Git

Hvis du er seriøs omkring programmering, skal du have et versionskontrolsystem. Hvis du ikke bruger git, har du et meget sjældent projekt på hånden. Du kører Git på kommandolinjen uden for din editor, indtil du finder en fantastisk udvidelse, der kører den for dig. Da du har hørt om Coc, skal du vide, at der er en udvidelse til denne ramme, men de indrømmer sig selv, at det mangler funktioner. Så den mest populære er vim-flygtig. Installer det ved hjælp af din foretrukne plugin manager. Når du har installeret det, kan du køre git, som om du var på kommandolinjen. Det tilføjer også mange funktioner, der både virker på dit lager og din buffer. Du kan bruge den til at køre forskellen i vim, og den har også mange plugins til berømte udbydere. Du har også en statuslinjemulighed, som du kan føje til din statuslinje. Du vil se et eksempel på dette længere nede.

Andre ulige, du måske kan lide.

Når du har alle funktionerne i din editor, vil du måske krydre din oplevelse. Det kan være en god idé at have en dejlig statuslinje nederst på skærmen. Brug vim-airline til det, der er mange andre, men dette ser let og luftigt ud. For at installere skal du tilføje 'vim-airline / vim-airline' til din konfiguration. Din proceslinje ser med det samme bedre ud, og du kan tilpasse mere på din fritid.

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

En måde at få både din statuslinje til at se bedre ud og de fleste andre dele af grænsefladen er at tilføje pæne ikoner til installationen. 'Ryanoasis / vim-dev-icons' er et godt valg til disse ikoner. Installer den normale måde; det spiller godt med vim-airline og mange andre udvidelser.

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

Du bør også overveje, hvordan du kan se din webside live, mens du koder uden for vim. Til knude.js, der er en klar løsning på dette. Det kaldes browsersynkronisering. Du installerer det med npm og kører det med kommandoen og det bibliotek, hvor dit projekt er. Så snart kommandoen kører, starter den din browser på 'localhost: 3000' adresse. Eventuelle ændringer vises med det samme, når du opgraderer koden.

Konklusion

For at komme i gang med programmering til internettet skal du først gøre en indsats for at følge et par selvstudier og derefter oprette dine egne projekter. Find folk, som du kan hjælpe, så de kan hjælpe dig i slutningen. For at din kodeoplevelse skal være effektiv og behagelig, skal du bruge de udvidelser, du har hørt om her. Du bør også fortsætte med at lede efter måder at forbedre dig selv først og derefter dine værktøjer på.

Mus WinMouse giver dig mulighed for at tilpasse og forbedre musemarkørens bevægelse på Windows-pc
WinMouse giver dig mulighed for at tilpasse og forbedre musemarkørens bevægelse på Windows-pc
Hvis du vil forbedre standardfunktionerne for din musemarkør, skal du bruge freeware WinMouse. Det tilføjer flere funktioner, der hjælper dig med at f...
Mus Museklik på venstre museknap fungerer ikke på Windows 10
Museklik på venstre museknap fungerer ikke på Windows 10
Hvis du bruger en dedikeret mus med din bærbare computer eller stationære computer, men musens venstre-klik-knap fungerer ikke på Windows 10/8/7 af en...
Mus Markøren hopper eller bevæger sig tilfældigt, mens han skriver i Windows 10
Markøren hopper eller bevæger sig tilfældigt, mens han skriver i Windows 10
Hvis du finder ud af, at din musemarkør hopper eller bevæger sig alene, automatisk tilfældigt, mens du skriver Windows-bærbar computer eller computer,...