Phenquestions
Som ordspråket säger är Emacs ett operativsystem som saknar en anständig redaktör. Du kan ställa in saker så att Emacs kör hela arbetsflödet åt dig, inklusive git, kompilering och många fler saker.
Vilket webbprojekt siktar du på?
Den här listan är kort för att komma igång, inte uttömmande. När du har använt tipsen här hittar du specialavsnittet för dina ramar och speciella webbverktyg. Listan över verktyg är så lång att du bara måste hitta din egen favorit.
Listan är uppdelad i sektioner så att du kan hitta vad du behöver förbättra i ditt arbetsflöde. Njut av din kodning, hantera dina egna misstag och hitta buggar mycket enklare när du ställer in dessa verktyg korrekt.
I den här listan hittar du inte ens några av de fantastiska Python-verktygen som finns tillgängliga för Emacs. Dessa verktyg inkluderar en REPL så att du kan testa koden interaktivt. Du har till och med ett iPython-läge, där du kan bygga din kod med kommentarer.
Förberedda utdrag
Mycket av programmeringen handlar om att använda funktioner som har en speciell struktur. Ett webbdokument har alltid en och en tagg som måste stängas korrekt. Du kommer alltid att ha konstruktioner där koden du vill följa ett speciellt format för att använda ett utdrag. I Emacs är Yasnippets en av de bästa pluginsna!
Yasnippets
Med Yasnippets definierar du vilken text du behöver ha i din kod. Du kan också använda variabler och fylla i resultatet som ett formulär. Ett liknande plugin som finns tillgängligt för många redaktörer är Emmmet-mode.
Emmet
Emmet-mode är ett verktyg där en förkortning skapar hela koden. Det första exemplet på deras webbsida visar hur du använder en asterisk för att multiplicera för att få en lista. Syntaxen fungerar som CSS, men den är anpassad till markeringsspråken, inklusive HTML. För att utöka funktionaliteten använder du JSON-filer. I dessa kan du lägga till utdrag som matchar dina behov närmare än standardverktyget.
Flycheck
Flycheck kommer att kontrollera din kod för syntaxfel när du skriver. För att detta ska fungera behöver du ett underliggande bibliotek eller verktygslåda som faktiskt kan språket. Det finns dessa verktyg för många språk. För webbutveckling, leta efter verktyg som html-tidy, jshint och pylint. Många andra verktyg och språk stöds. Detta är en viktig del av att göra Emacs kraftfull för programvaruutveckling.
I din emacs-installation måste du också lägga till det specifika språk som du stöder med. De språk som stöds är uppenbara när du kontrollerar MELPA eller någon annan webbplats för Flycheck. Det är faktiskt en bra idé att kontrollera vad Flycheck kan göra för dig, oavsett vilket språk du utvecklar. Språket är enormt!
Live redigeringsläge
Det finns många sätt att använda Emacs för att få dina webbsidor att se bra ut och fungera korrekt. Du har också många sätt att se resultatet av din kod live i en webbläsare när du skriver. Detta ger dig direkt feedback om alla ändringar du gjort, vilket gör felsökning till en integrerad del av utvecklingen av din programvara. En lösning för att göra detta är med spettläge.
Spettläge
Spettläge ställer in din katalog som en webbsida men lokalt på ditt nuvarande system. Den startar sedan en webbserver och serverar koden till den valda webbläsaren. Med denna inställning har du webbläsaren som visar sidan i nästa fönster. Webbservern är konfigurerad att ladda om sidan så snart en fil ändras. Ingen kompilering, överföring och omstart av webbservern är nödvändig.
JavaScript
När du programmerar i JavaScript har du många fallgropar att snubbla över. Medan Flycheck kommer att kontrollera din syntax kommer js2-läge att göra syntaxmarkering samtidigt som du visar syntaxfel när du skriver. Detta läge är viktigt för att komma igenom många koder för att nå ditt drömresultat när du kodar i JavaScript.
Detta läge stöder också JSX och stängning.
Indium
Efter att ha läst igenom allt detta kommer du att vara glad att veta att du också kan hitta buntar som packar allt snyggt. En av de bästa av dessa är Indium. Indium delas faktiskt i två delar. En bit är ditt emacs-paket tillgängligt på MELPA; den andra är ett NPM-paket. NPM-paketet är enkelt att installera med 'npm install indium.'När dessa två har installerats måste du skapa inställningar i din projektkatalog med namnet'.indium.json '. Kraven är blygsamma i NodeJS, men de är stränga. Det inser också att Chromium ska fungera eftersom alla felsökningsverktyg kommer därifrån.
Slutsats
För att komma igång med webbutveckling kanske du tror att du behöver en snygg IDE. Var annars kan du få alla klockor och visselpipor? I Emacs är det där du kan hitta dem. Genom att använda dessa verktyg och mer kommer du väldigt långt, och du behöver antagligen inget annat verktyg för att skapa bra webbsidor! Men om du inte håller med några av dessa verktyg finns det många fantastiska verktyg tillgängliga för Emacs om du tittar runt. En bra utgångspunkt finns på GitHub och heter verkligen 'Awesome Emacs.''
