5 beste emacs plugins for webutvikling

Siden du er her, bruker du allerede Emacs for tekstredigering, muligens for e -post, og absolutt for kodingsoppgaver. Når du begynner å gjøre seriøs nettutvikling, vil du ha så mange fordeler som mulig. Her er noen verktøy som vil gjøre opplevelsen din koding for nettet ved hjelp av Emacs.

Som ordtaket sier, er Emacs et operativsystem som mangler en anstendig redaktør. Du kan sette opp ting slik at Emacs kjører hele arbeidsflyten for deg, inkludert Git, sammenstilling og mange flere ting.

Hvilket nettprosjekt sikter du til?

Denne listen er kort for å komme i gang, ikke uttømmende. Etter at du har brukt tipsene her, finn den spesielle delen for dine rammer og spesielle nettverktøy. Listen over verktøy er så lang at du bare må finne din egen favoritt.

Listen er delt inn i seksjoner, slik at du kan finne det du trenger å forbedre i arbeidsflyten din. Kos deg med kodingen, håndtere dine egne feil, og finn feil mye enklere når du setter opp disse verktøyene riktig.

På denne listen vil du ikke engang finne noen av de store Python -verktøyene som er tilgjengelige for EMACS. Disse verktøyene inkluderer en REPL slik at du kan teste kode interaktivt. Du har til og med en ipython -modus, hvor du kan bygge koden din med kommentarer.

Forberedte utdrag

Mye av programmering innebærer å bruke funksjoner som har en spesiell struktur. Et webdokument har alltid en og en tagg som må lukkes riktig. Du vil alltid ha konstruksjoner der koden du ønsker følger et spesielt format for å bruke et utdrag. I Emacs er en av de beste pluginsene Yasnippets!

Yasnippeter

Med Yasnippets definerer du hvilken tekst du trenger å ha i koden din. Du kan også bruke variabler og fylle ut resultatet som et skjema. En lignende plugin som er tilgjengelig for mange redaktører er EMMMET-modus.

Emmet

Emmet-Mode er et verktøy der en forkortelse oppretter hele koden. Det første eksemplet på hjemmesiden deres viser hvordan du bruker en stjerne for å multiplisere for å få en liste. Syntaksen fungerer som CSS, men den er tilpasset markeringsspråkene, inkludert HTML. For å utvide funksjonaliteten bruker du JSON -filer. I disse kan du legge til utdrag som samsvarer med dine behov nærmere enn standardverktøyet.

Flysjekk

Flysjekk vil sjekke koden din for syntaksfeil når du skriver. For at dette skal fungere, trenger du et underliggende bibliotek eller verktøysett som faktisk kjenner språket. Det er disse verktøyene for mange språk. For nettutvikling, se etter verktøy som HTML-Tidy, JSHINT og Pylint. Mange andre verktøy og språk støttes. Dette er en essensiell del av å gjøre Emacs kraftige for programvareutvikling.

I EMACS -oppsettet ditt, må du også legge til det spesifikke språket du støtter med. Språkene som støttes er åpenbare når du sjekker Melpa, eller et annet nettsted, for fluecheck. Det er faktisk lurt å sjekke hva fluesjekk kan gjøre for deg, uavhengig av språket du utvikler. Utvalget av språk er enormt!

Live redigeringsmodus

Det er mange måter du kan bruke Emacs for å få websidene dine til å se bra ut og fungere riktig. Du har også mange måter å se resultatet av koden din live i en nettleser mens du skriver. Dette gir deg øyeblikkelig tilbakemelding på eventuelle endringer du har gjort, noe som gjør feilsøking til en integrert del av å utvikle programvaren din. En løsning for å gjøre dette er med grillmodus.

Skewer-modus

Skewer-modus setter opp katalogen din som en webside, men lokalt på ditt nåværende system. Den starter deretter en webserver og serverer koden til nettleseren du velger. Med dette oppsettet har du nettleseren som viser deg siden i neste vindu. Webserveren er konfigurert til å laste inn siden så snart en fil er endret. Ingen sammenstilling, overføring og start på nettserveren nødvendig.

JavaScript

Når du programmerer i JavaScript, har du mange fallgruver å snuble over. Mens Flycheck vil sjekke syntaksen din, vil JS2-Mode gjøre syntakshøydepunkt, samtidig som du viser syntaksfeil som du skriver. Denne modusen er viktig for å komme gjennom mange koder for å nå ditt drømmeutfall når du koder i JavaScript.

Denne modusen støtter også JSX og nedleggelse.

Indium

Etter å ha lest gjennom alt dette, vil du være glad for å vite at du også kan finne bunter som pakker alt pent. En av de beste av disse er indium. Indium er faktisk delt i to stykker. One Piece er Emacs -pakken din tilgjengelig på Melpa; Den andre er en npm -pakke. NPM -pakken er enkel å installere ved hjelp av 'NPM Install Indium.'Etter at disse to er installert, må du opprette innstillinger i prosjektkatalogen, navngitt'.indium.json '. Kravene er beskjedne i nodejs, men de er strenge. Det innser også på krom til jobb siden alle feilsøkingsverktøyene kommer derfra.

Konklusjon

For å komme i gang med nettutvikling, kan du tro at du trenger en fancy IDE. Hvor ellers kan du få alle klokkene og fløytene? I emacs, er der du kan finne dem. Å bruke disse verktøyene og mer vil komme deg veldig langt, og du trenger sannsynligvis ikke noe annet verktøy for å lage gode websider! Imidlertid, hvis du ikke er enig i noen av disse verktøyene, er det mange fantastiske verktøy tilgjengelig for EMAC -er hvis du ser deg rundt. Et godt utgangspunkt er tilgjengelig på Github og heter faktisk 'Awesome Emacs.'