Phenquestions
Zoals het gezegde luidt, is Emacs een besturingssysteem zonder een fatsoenlijke editor. Je kunt dingen zo instellen dat Emacs de hele workflow voor je uitvoert, inclusief git, compileren en nog veel meer dingen.
Op welk webproject doel je??
Deze lijst is kort om u op weg te helpen, niet uitputtend. Nadat je de tips hier hebt gebruikt, vind je de speciale sectie voor je frameworks en speciale webtools. De lijst met tools is zo lang dat je gewoon je eigen favoriet moet vinden.
De lijst is opgesplitst in secties, zodat u kunt vinden wat u in uw workflow moet verbeteren. Geniet van uw codering, behandel uw eigen fouten en vind bugs veel eenvoudiger wanneer u deze tools correct instelt.
In deze lijst zul je zelfs geen van de geweldige Python-tools vinden die beschikbaar zijn voor Emacs. Die tools bevatten een REPL zodat je code interactief kunt testen. Je hebt zelfs een iPython-modus, waar je je code kunt bouwen met opmerkingen.
Voorbereide fragmenten
Veel van het programmeren omvat het gebruik van functies met een speciale structuur. Een webdocument heeft altijd een en een tag die correct moet worden gesloten. Je zult altijd constructies hebben waarbij de code die je wilt een speciaal formaat heeft om een fragment te gebruiken. In Emacs is Yasnippets een van de beste plug-ins!
Yasnippets
Met Yasnippets definieert u welke tekst u in uw code moet hebben. Je kunt ook variabelen gebruiken en het resultaat als een formulier invullen. Een vergelijkbare plug-in die voor veel editors beschikbaar is, is Emmmet-mode.
Emmet
Emmet-mode is een tool waarbij een afkorting de hele code creëert. Het eerste voorbeeld op hun webpagina laat zien hoe je een asterisk gebruikt om te vermenigvuldigen om een lijst te krijgen. De syntaxis werkt vergelijkbaar met CSS, maar is aangepast aan de opmaaktalen, inclusief HTML. Om de functionaliteit uit te breiden, gebruikt u JSON-bestanden. Hierin kunt u fragmenten toevoegen die beter aansluiten bij uw behoeften dan de standaardtool.
Flycheck
Flycheck controleert uw code op syntaxisfouten terwijl u typt. Om dit te laten werken, heb je een onderliggende bibliotheek of toolkit nodig die de taal echt kent. Er zijn deze tools voor veel talen. Zoek voor webontwikkeling naar tools zoals html-tidy, jshint en pylint. Veel andere tools en talen worden ondersteund. Dit is een essentieel onderdeel om Emacs krachtig te maken voor softwareontwikkeling.
In je emacs-configuratie moet je ook de specifieke taal toevoegen waarmee je ondersteunt. De ondersteunde talen zijn duidelijk wanneer u MELPA of een andere site controleert op Flycheck. Het is zelfs een goed idee om na te gaan wat Flycheck voor u kan doen, ongeacht de taal die u aan het ontwikkelen bent. Het scala aan talen is enorm!
Live bewerkingsmodus
Er zijn veel manieren waarop u Emacs kunt gebruiken om uw webpagina's er geweldig uit te laten zien en correct te laten werken. Je hebt ook veel manieren om het resultaat van je code live in een browser te zien terwijl je typt. Dit geeft u direct feedback over eventuele wijzigingen die u heeft aangebracht, waardoor foutopsporing een integraal onderdeel wordt van de ontwikkeling van uw software. Een oplossing om dit te doen is met de spies-modus.
Spies-modus
Spiesje-modus stelt uw directory in als een webpagina, maar lokaal op uw huidige systeem. Vervolgens start het een webserver en stuurt de code naar de webbrowser naar keuze. Met deze instelling heb je de browser die je de pagina in het volgende venster laat zien. De webserver is geconfigureerd om de pagina opnieuw te laden zodra een bestand wordt gewijzigd. Het compileren, overzetten en herstarten van de webserver is niet nodig.
JavaScript
Bij het programmeren in JavaScript heb je veel valkuilen om over te struikelen. Terwijl Flycheck uw syntaxis controleert, zal js2-mode syntaxisaccentuering uitvoeren en u ook syntaxisfouten laten zien terwijl u typt. Deze modus is essentieel om door veel codes te komen om uw droomresultaat te bereiken bij het coderen in JavaScript.
Deze modus ondersteunt ook JSX en Closure.
Indium
Als je dit allemaal hebt gelezen, zul je blij zijn te weten dat je ook bundels kunt vinden die alles netjes inpakken. Een van de beste hiervan is Indium. Indium wordt eigenlijk in twee stukken gesplitst. Een deel is je emacs-pakket dat beschikbaar is op MELPA; de andere is een NPM-pakket. Het NPM-pakket is eenvoudig te installeren met 'npm install indium'.' Nadat deze twee zijn geïnstalleerd, moet u instellingen maken in uw projectdirectory, genaamd '.indium.json'. Vereisten zijn bescheiden in NodeJS, maar ze zijn streng. Het realiseert zich ook op Chromium om te werken, omdat alle foutopsporingstools daar vandaan komen.
Conclusie
Om aan de slag te gaan met webontwikkeling, denk je misschien dat je een mooie IDE nodig hebt. Waar anders kun je alle toeters en bellen krijgen? In Emacs, is waar je ze kunt vinden. Met deze tools en meer kom je heel ver, en je hebt waarschijnlijk geen andere tool nodig om geweldige webpagina's te maken! Als je het echter niet eens bent met sommige van deze tools, zijn er veel geweldige tools beschikbaar voor Emacs als je rondkijkt. Een goed startpunt is beschikbaar op GitHub en heet inderdaad 'Awesome Emacs'.'
