Emacs

5 Bedste emacs-plugins til webudvikling

5 Bedste emacs-plugins til webudvikling
Da du er her, bruger du allerede Emacs til tekstredigering, muligvis til e-mail og bestemt til kodningsopgaver. Når du begynder at gøre seriøs webudvikling, vil du have så mange fordele som muligt. Her er nogle værktøjer, der gør din oplevelse kodning til internettet ved hjælp af Emacs.

Som man siger, er Emacs et operativsystem, der mangler en anstændig editor. Du kan indstille tingene, så Emacs kører hele arbejdsgangen for dig, inklusive git, kompilering og mange flere ting.

Hvilket webprojekt sigter du efter?

Denne liste er kort for at komme i gang, ikke udtømmende. Når du har brugt tipene her, skal du finde det specielle afsnit til dine rammer og specielle webværktøjer. Listen over værktøjer er så lang, at du bare skal finde din egen favorit.

Listen er opdelt i sektioner, så du kan finde, hvad du har brug for at forbedre i din arbejdsgang. Nyd din kodning, håndter dine egne fejl, og find bugs meget enklere, når du indstiller disse værktøjer korrekt.

På denne liste finder du ikke engang nogle af de store Python-værktøjer, der er tilgængelige for Emacs. Disse værktøjer inkluderer en REPL, så du kan teste kode interaktivt. Du har endda en iPython-tilstand, hvor du kan opbygge din kode med kommentarer.

Forberedte uddrag

Meget af programmeringen indebærer at bruge funktioner, der har en særlig struktur. Et webdokument har altid et og et tag, der skal lukkes korrekt. Du har altid konstruktioner, hvor den ønskede kode følger et specielt format for at bruge et uddrag. I Emacs er Yasnippets et af de bedste plugins!

Yasnippets

Med Yasnippets definerer du hvilken tekst du skal have i din kode. Du kan også bruge variabler og udfylde resultatet som en formular. Et lignende plugin, der er tilgængeligt for mange redaktører, er Emmmet-mode.

Emmet

Emmet-mode er et værktøj, hvor en forkortelse opretter hele koden. Det første eksempel på deres webside viser, hvordan du bruger en stjerne til at formere sig for at få en liste. Syntaksen fungerer ligesom CSS, men den er tilpasset markup-sprogene, inklusive HTML. For at udvide funktionaliteten bruger du JSON-filer. I disse kan du tilføje uddrag, der matcher dine behov tættere end standardværktøjet.

Flycheck

Flycheck vil kontrollere din kode for syntaksfejl, mens du skriver. For at dette skal fungere, har du brug for et underliggende bibliotek eller værktøjssæt, der faktisk kender sproget. Der er disse værktøjer til mange sprog. For webudvikling skal du kigge efter værktøjer som html-tidy, jshint og pylint. Mange andre værktøjer og sprog understøttes. Dette er en vigtig del af at gøre Emacs kraftfuld til softwareudvikling.

I din emacs-opsætning skal du også tilføje det specifikke sprog, som du understøtter. De understøttede sprog er tydelige, når du tjekker MELPA eller ethvert andet websted for Flycheck. Faktisk er det en god ide at kontrollere, hvad Flycheck kan gøre for dig, uanset hvilket sprog du udvikler. Rækken af ​​sprog er enorm!

Live redigeringstilstand

Der er mange måder, du kan bruge Emacs på for at få dine websider til at se godt ud og fungere korrekt. Du har også mange måder at se resultatet af din kode live i en browser, mens du skriver. Dette giver dig øjeblikkelig feedback på alle ændringer, du har foretaget, hvilket gør fejlretning til en integreret del af udviklingen af ​​din software. En løsning til at gøre dette er med spydtilstand.

Skewer-mode

Skewer-mode indstiller din mappe som en webside, men lokalt på dit nuværende system. Derefter starter en webserver og serverer koden til den valgte webbrowser. Med denne opsætning har du browseren, der viser siden i det næste vindue. Webserveren er konfigureret til at genindlæse siden, så snart en fil ændres. Ingen kompilering, overførsel og genstart af webserveren er nødvendig.

JavaScript

Når du programmerer i JavaScript, har du mange faldgruber at snuble over. Mens Flycheck vil kontrollere din syntaks, vil js2-mode gøre syntaksfremhævning, mens du også viser dig syntaksfejl, mens du skriver. Denne tilstand er afgørende for at komme igennem mange koder for at nå dit drømmeudfald, når du koder i JavaScript.

Denne tilstand understøtter også JSX og lukning.

Indium

Efter at have læst igennem alt dette, vil du være glad for at vide, at du også kan finde bundter, der pakker alt pænt. En af de bedste af disse er Indium. Indium er faktisk opdelt i to stykker. Et stykke er din emacs-pakke tilgængelig på MELPA; den anden er en NPM-pakke. NPM-pakken er let at installere ved hjælp af 'npm install indium.'Når disse to er installeret, skal du oprette indstillinger i din projektmappe med navnet'.indium.json '. Kravene er beskedne i NodeJS, men de er strenge. Det indser også på Chromium at arbejde, da alle fejlretningsværktøjer kommer derfra.

Konklusion

For at komme i gang med webudvikling tror du måske, at du har brug for en fancy IDE. Hvor ellers kan du få alle klokker og fløjter? I Emacs er det, hvor du kan finde dem. Brug af disse værktøjer og mere bringer dig meget langt, og du har sandsynligvis ikke brug for noget andet værktøj til at skabe gode websider! Men hvis du ikke er enig med nogle af disse værktøjer, er der mange fantastiske værktøjer til rådighed for Emacs, hvis du ser dig omkring. Et godt udgangspunkt er tilgængeligt på GitHub og hedder faktisk 'Awesome Emacs.''

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,...
Mus Sådan vender du musens og touchpadsens rulle retning i Windows 10
Sådan vender du musens og touchpadsens rulle retning i Windows 10
Mus og Touchpads gør ikke kun computing let, men mere effektiv og mindre tidskrævende. Vi kan ikke forestille os et liv uden disse enheder, men det er...