Emacs

5 najboljih emacs dodataka za web razvoj

5 najboljih emacs dodataka za web razvoj
Budući da ste ovdje, već koristite Emacs za uređivanje teksta, moguće za e-poštu i svakako za zadatke kodiranja. Kad se počnete baviti ozbiljnim web razvojem, želite što više prednosti. Evo nekoliko alata pomoću kojih ćete vaše iskustvo kodirati za web pomoću Emacsa.

Kao što se kaže, Emacs je operativni sustav kojem nedostaje pristojan urednik. Možete postaviti stvari tako da Emacs za vas pokreće čitav tijek rada, uključujući git, kompajliranje i još mnogo toga.

Na koji web projekt ciljate?

Ovaj je popis kratak za početak, a ne iscrpan. Nakon što ovdje upotrijebite savjete, pronađite poseban odjeljak za svoje okvire i posebne web alate. Popis alata toliko je dugačak da jednostavno morate pronaći svoj omiljeni.

Popis je podijeljen u odjeljke tako da možete pronaći ono što trebate poboljšati u svom tijeku rada. Uživajte u kodiranju, rješavajte vlastite pogreške i pronađite pogreške puno jednostavnije kada pravilno postavite ove alate.

Na ovom popisu nećete pronaći niti jedan sjajan Python alat dostupan za Emacs. Ti alati uključuju REPL tako da možete interaktivno testirati kôd. Imate čak i iPython način rada, gdje možete stvoriti svoj kod s komentarima.

Pripremljeni isječci

Velik dio programiranja uključuje upotrebu funkcija koje imaju posebnu strukturu. Web dokument uvijek ima oznaku i i oznaku koja se mora pravilno zatvoriti. Uvijek ćete imati konstrukcije u kojima kod koji želite slijedi poseban format koji koristi isječak. U Emacsu je jedan od najboljih dodataka Yasnippets!

Jasnipeti

Pomoću Yasnippeta definirate koji tekst trebate imati u kodu. Također možete koristiti varijable i ispuniti rezultat kao obrazac. Sličan dodatak dostupan mnogim urednicima je Emmmet-mode.

Mrav

Emmet-način je alat u kojem kratica stvara cijeli kôd. Prvi primjer na njihovoj web stranici pokazuje kako koristite zvjezdicu za množenje da biste dobili popis. Sintaksa djeluje slično CSS-u, ali prilagođena je označnim jezicima, uključujući HTML. Da biste proširili funkcionalnost, koristite JSON datoteke. U njih možete dodati isječke koji odgovaraju vašim potrebama bliže od standardnog alata.

Flycheck

Flycheck će provjeravati vaš kôd zbog sintaksnih pogrešaka dok tipkate. Da bi ovo uspjelo, potrebna vam je osnovna biblioteka ili alat koji stvarno zna jezik. Postoje ovi alati za mnoge jezike. Za web razvoj potražite alate poput html-tidy, jshint i pylint. Podržani su mnogi drugi alati i jezici. Ovo je važan dio stvaranja Emacs-a moćnim za razvoj softvera.

U postavci emacs-a također morate dodati određeni jezik koji podržavate. Podržani jezici očigledni su kada provjerite MELPA ili bilo koju drugu web stranicu za provjeru Flychecka. Zapravo je dobra ideja provjeriti što Flycheck može učiniti za vas, bez obzira na jezik koji razvijate. Niz jezika je ogroman!

Način uređivanja uživo

Postoji mnogo načina na koje možete koristiti Emacs da vaše web stranice izgledaju sjajno i ispravno rade. Također imate mnogo načina da uživo vidite rezultat koda u pregledniku dok tipkate. To vam daje trenutne povratne informacije o svim promjenama koje ste napravili, čineći otklanjanje pogrešaka integralnim dijelom razvoja vašeg softvera. Jedno od rješenja za to je način rada s ražnjićem.

Način ražnja

Skewer-način postavlja vaš direktorij kao web stranicu, ali lokalno na vašem trenutnom sustavu. Zatim pokreće web poslužitelj i služi kôd odabranom web pregledniku. Ovim postavljanjem preglednik vam prikazuje stranicu u sljedećem prozoru. Web poslužitelj je konfiguriran za ponovno učitavanje stranice čim se datoteka promijeni. Nije potrebno kompiliranje, prijenos i ponovno pokretanje web poslužitelja.

JavaScript

Kada programirate na JavaScript-u, morate naići na brojne zamke. Dok će Flycheck provjeravati vašu sintaksu, js2-mode će istaknuti sintaksu, a istovremeno će vam prikazivati ​​sintaksne pogreške dok tipkate. Ovaj način rada neophodan je za prolazak kroz mnoge kodove kako biste postigli ishod iz snova kada kodirate u JavaScript.

Ovaj način također podržava JSX i Closure.

Indij

Nakon što pročitate sve ovo, bit će vam drago znati da možete pronaći i snopove koji sve uredno spakiraju. Jedan od najboljih među njima je Indij. Indij je zapravo podijeljen na dva dijela. Jedan je dio vaš emacs paket dostupan na MELPA-i; drugi je NPM paket. NPM paket lako je instalirati pomoću 'npm install indium.'Nakon što se ove dvije instaliraju, morate stvoriti postavke u direktoriju projekta, pod nazivom'.indij.json '. Zahtjevi su skromni u NodeJS-u, ali su strogi. Također shvaća da Chromium radi jer otuda dolaze svi alati za uklanjanje pogrešaka.

Zaključak

Da biste započeli s web razvojem, možda mislite da vam treba otmjeni IDE. Gdje drugdje možete dobiti sva zvona? U Emacs-u ih možete pronaći. Korištenje ovih alata i više odvest ćete vas daleko, a vjerojatno vam nije potreban nijedan drugi alat za izradu izvrsnih web stranica! Međutim, ako se ne slažete s nekim od ovih alata, za Emacs je dostupno mnogo sjajnih alata ako pogledate oko sebe. Jedno dobro polazište dostupno je na GitHub-u i doista se zove "Awesome Emacs".'

Dodajte geste miša u sustav Windows 10 pomoću ovih besplatnih alata
Posljednjih godina računala i operativni sustavi uvelike su se razvili. Bilo je vrijeme kada su korisnici morali koristiti naredbe za navigaciju kroz ...
Kontrolirajte i upravljajte kretanjem miša između više monitora u sustavu Windows 10
Dvostruki zaslon upravitelja miša omogućuje vam kontrolu i konfiguriranje kretanja miša između više monitora, usporavajući njegovo kretanje blizu gran...
WinMouse vam omogućuje prilagodbu i poboljšanje kretanja pokazivača miša na Windows računalu
Ako želite poboljšati zadane funkcije pokazivača miša, upotrijebite besplatni program WinMouse. Dodaje više značajki koje će vam pomoći da na najbolji...