Emacs

5 beste emacs-plugins for webutvikling

5 beste emacs-plugins for webutvikling
Siden du er her, bruker du allerede Emacs til tekstredigering, muligens for e-post, og absolutt for kodingsoppgaver. Når du begynner å gjøre seriøs webutvikling, vil du ha så mange fordeler som mulig. Her er noen verktøy som vil gjøre din opplevelse 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, kompilering og mange flere ting.

Hvilket webprosjekt satser du på?

Denne listen er kort for å komme i gang, ikke uttømmende. Etter at du har brukt tipsene her, finn den spesielle delen for rammeverk og spesielle nettverktøy. Liste 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åndter dine egne feil, og finn feil mye enklere når du setter opp disse verktøyene riktig.

I denne listen vil du ikke engang finne noen av de flotte 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, der du kan bygge koden din med kommentarer.

Utarbeidede utdrag

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

Yasnippets

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

Emmet

Emmet-modus er et verktøy der en forkortelse oppretter hele koden. Det første eksemplet på nettsiden deres viser hvordan du bruker en stjerne til å multiplisere for å få en liste. Syntaksen fungerer på samme måte 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.

Flycheck

Flycheck vil sjekke koden for syntaksfeil mens du skriver. For at dette skal fungere, trenger du et underliggende bibliotek eller verktøy som faktisk kan 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 viktig del av å gjøre Emacs kraftig 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 Flycheck. Det er faktisk en god ide å sjekke hva Flycheck kan gjøre for deg, uavhengig av språket du utvikler. Utvalget av språk er stort!

Direkte 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 utviklingen av programvaren. En løsning for å gjøre dette er med spydmodus.

Spydmodus

Spydmodus setter opp katalogen din som en webside, men lokalt på ditt nåværende system. Den starter deretter en webserver og serverer koden til den valgte nettleseren. Med dette oppsettet har du nettleseren som viser siden i neste vindu. Webserveren er konfigurert til å laste inn siden på nytt så snart en fil endres. Ingen kompilering, overføring og omstart av webserveren er nødvendig.

JavaScript

Når du programmerer i JavaScript, har du mange fallgruver å snuble over. Mens Flycheck vil sjekke syntaksen din, vil js2-modus gjøre syntaksmarkering mens du også viser syntaksfeil mens du skriver. Denne modusen er viktig for å komme igjennom mange koder for å nå ditt drømmeresultat når du koder i JavaScript.

Denne modusen støtter også JSX og Closure.

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. Ett stykke er emacs-pakken din tilgjengelig på MELPA; den andre er en NPM-pakke. NPM-pakken er enkel å installere ved å bruke 'npm install indium.'Etter at disse to er installert, må du opprette innstillinger i prosjektkatalogen din, med navnet'.indium.json '. Kravene er beskjedne i NodeJS, men de er strenge. Det innser også at Chromium skal fungere siden alle feilsøkingsverktøyene kommer derfra.

Konklusjon

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

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,...
Mus WinMouse lar deg tilpasse og forbedre musemarkørenes bevegelse på Windows PC
WinMouse lar deg tilpasse og forbedre musemarkørenes bevegelse på Windows PC
Hvis du vil forbedre standardfunksjonene til musepekeren, bruk freeware WinMouse. Det legger til flere funksjoner som hjelper deg å få mest mulig ut a...
Mus Mus venstreklikknapp fungerer ikke på Windows 10
Mus venstreklikknapp fungerer ikke på Windows 10
Hvis du bruker en dedikert mus med den bærbare eller stasjonære datamaskinen, men museklikk-knappen fungerer ikke på Windows 10/8/7 av en eller annen ...