Emacs

5 najlepších emacs doplnkov pre vývoj webu

5 najlepších emacs doplnkov pre vývoj webu
Keďže ste tu, už používate Emacs na úpravy textu, prípadne na e-mail a určite na programovanie. Ak sa chcete začať vážne venovať vývoju webových stránok, chcete mať čo najviac výhod. Tu je niekoľko nástrojov, vďaka ktorým získate skúsenosti s programovaním webu pomocou programu Emacs.

Ako sa hovorí, Emacs je operačný systém, ktorý nemá slušný editor. Môžete nastaviť veci tak, aby Emacs za vás spustil celý pracovný tok vrátane git, kompilácie a mnohých ďalších vecí.

Na aký webový projekt sa zameriavate?

Tento zoznam je na úvod krátky, nie je vyčerpávajúci. Keď tu použijete tipy, vyhľadajte špeciálnu sekciu pre vaše rámce a špeciálne webové nástroje. Zoznam nástrojov je taký dlhý, že si stačí nájsť ten svoj obľúbený.

Zoznam je rozdelený na časti, takže môžete nájsť, čo potrebujete vo svojom pracovnom postupe vylepšiť. Užite si svoje kódovanie, zvládajte svoje vlastné chyby a pri správnom nastavovaní týchto nástrojov nájdete chyby oveľa jednoduchšie.

V tomto zozname nenájdete ani žiadny z vynikajúcich nástrojov Pythonu dostupných pre Emacs. Medzi tieto nástroje patrí REPL, aby ste mohli testovať kód interaktívne. K dispozícii máte dokonca režim iPython, kde môžete svoj kód vytvoriť pomocou komentárov.

Pripravené úryvky

Veľa programovania zahŕňa použitie funkcií, ktoré majú špeciálnu štruktúru. Webový dokument má vždy a značku, ktorá musí byť správne uzavretá. Vždy budete mať konštrukcie, kde požadovaný kód sleduje špeciálny formát na použitie úryvku. V aplikácii Emacs je jedným z najlepších doplnkov Yasnippets!

Yasnippets

Pomocou Yasnippets definujete, aký text musíte mať v kóde. Môžete tiež použiť premenné a výsledok vyplniť ako formulár. Podobný doplnok, ktorý je k dispozícii mnohým editorom, je režim Emmmet.

Emmet

Emmet-mode je nástroj, pri ktorom skratka vytvorí celý kód. Prvý príklad na ich webovej stránke ukazuje, ako pomocou hviezdičky vynásobíte zoznam. Syntax funguje podobne ako CSS, ale je prispôsobená značkovacím jazykom vrátane HTML. Na rozšírenie funkčnosti používate súbory JSON. V nich môžete pridať úryvky, ktoré zodpovedajú vašim potrebám bližšie ako štandardný nástroj.

Flycheck

Flycheck pri písaní skontroluje, či vo vašom kóde nie sú syntaktické chyby. Aby to fungovalo, potrebujete základnú knižnicu alebo sadu nástrojov, ktorá skutočne vie jazyk. Tieto nástroje existujú v mnohých jazykoch. Pri vývoji webu vyhľadajte nástroje ako html-tidy, jshint a pylint. Je podporovaných mnoho ďalších nástrojov a jazykov. Toto je nevyhnutná súčasť zvyšovania výkonnosti produktu Emacs pri vývoji softvéru.

Vo svojom nastavení emacs musíte tiež pridať konkrétny jazyk, s ktorým podporujete. Podporované jazyky sú zrejmé, keď skontrolujete Flycheck na stránkach MELPA alebo na iných stránkach. V skutočnosti je dobré skontrolovať, čo pre vás Flycheck môže urobiť, bez ohľadu na jazyk, ktorý si osvojujete. Množstvo jazykov je obrovské!

Režim živých úprav

Existuje mnoho spôsobov, ako môžete použiť Emacs na to, aby vaše webové stránky vyzerali skvele a fungovali správne. Existuje tiež mnoho spôsobov, ako zobraziť výsledok svojho kódu naživo v prehliadači pri zadávaní textu. Získate tak okamžitú spätnú väzbu o všetkých vykonaných zmenách a ladenie je neoddeliteľnou súčasťou vývoja vášho softvéru. Jedným z riešení, ako to dosiahnuť, je režim špíz.

Špízový režim

Režim špíz nastaví váš adresár ako webovú stránku, ale lokálne vo vašom súčasnom systéme. Potom spustí webový server a doručí kód vybranému webovému prehliadaču. Pomocou tohto nastavenia máte v nasledujúcom okne prehliadač, ktorý vám zobrazuje stránku. Webový server je nakonfigurovaný tak, aby znovu načítal stránku, akonáhle sa zmení súbor. Nie je potrebné kompilovať, prenášať a reštartovať webový server.

JavaScript

Pri programovaní v JavaScripte musíte naraziť na mnoho úskalí. Zatiaľ čo Flycheck skontroluje vašu syntax, režim js2 vykoná zvýraznenie syntaxe a pri zadávaní textu vám tiež zobrazí chyby syntaxe. Tento režim je nevyhnutný na prekonanie mnohých kódov, aby ste pri kódovaní v jazyku JavaScript dosiahli svoj vysnívaný výsledok.

Tento režim podporuje aj JSX a Closure.

Indium

Po prečítaní toho všetkého vás určite poteší, že nájdete aj zväzky, ktoré všetko úhľadne zabalia. Jedným z najlepších z nich je Indium. Indium je v skutočnosti rozdelené na dva kusy. Jeden kus je váš balíček emacs dostupný na MELPA; druhým je balík NPM. Balík NPM sa ľahko inštaluje pomocou 'npm install indium.„Po nainštalovaní týchto dvoch riešení musíte vytvoriť nastavenia v adresári projektu s názvom“.indium.json '. Požiadavky sú v NodeJS skromné, ale sú prísne. Chromium si tiež uvedomuje, že bude fungovať, pretože odtiaľ pochádzajú všetky ladiace nástroje.

Záver

Na začiatok s vývojom webu si môžete myslieť, že potrebujete originálne IDE. Kde inde môžete zohnať všetky zvončeky a píšťalky? V Emacse ich nájdete. Použitím týchto a ďalších nástrojov sa dostanete veľmi ďaleko a pravdepodobne nebudete potrebovať žiadny ďalší nástroj na vytváranie skvelých webových stránok! Ak však s niektorými z týchto nástrojov nesúhlasíte, máte k dispozícii mnoho úžasných nástrojov pre Emacs, ak sa pozriete okolo. Jeden dobrý východiskový bod je k dispozícii na GitHub-e a má skutočne názov „Awesome Emacs“.„

Hry Výukový program Battle for Wesnoth
Výukový program Battle for Wesnoth
Battle for Wesnoth je jednou z najpopulárnejších open source strategických hier, ktoré si v súčasnosti môžete zahrať. Táto hra bola nielen vyvinutá ve...
Hry 0 A.D. Výukový program
0 A.D. Výukový program
Z mnohých strategických hier je tu 0 A.D. dokáže vyniknúť ako komplexný titul a veľmi hlboká, taktická hra napriek tomu, že je otvoreným zdrojom. Vývo...
Hry Výukový program pre Unity3D
Výukový program pre Unity3D
Úvod do Unity 3D Unity 3D je výkonný nástroj na vývoj hier. Je to multiplatforma, ktorá vám umožňuje vytvárať hry pre mobilné telefóny, web, počítače ...