Emacs

5 parimat emacsi pistikprogrammi veebiarenduseks

5 parimat emacsi pistikprogrammi veebiarenduseks
Kuna olete siin, kasutate Emacsi juba teksti redigeerimiseks, võib-olla e-posti jaoks ja kindlasti kodeerimisülesannete jaoks. Kui hakkate tõsist veebiarendust tegema, soovite võimalikult palju eeliseid. Siin on mõned tööriistad, mis muudavad teie kogemuse veebi kodeerimiseks Emacsi abil.

Nagu öeldakse, on Emacs operatsioonisüsteem, millel puudub korralik redaktor. Saate seadistada asjad nii, et Emacs käitaks teie eest kogu töövoogu, sealhulgas git, kompileerimine ja palju muud.

Millist veebiprojekti soovite?

Alustuseks on see loetelu lühike, mitte täielik. Kui olete siin näpunäiteid kasutanud, leidke oma raamistike ja spetsiaalsete veebitööriistade spetsiaalne jaotis. Tööriistade loend on nii pikk, et peate lihtsalt leidma oma lemmiku.

Nimekiri on jaotatud osadeks, et saaksite oma töövoos leida, mida peate paremaks muutma. Nautige kodeerimist, käsitsege oma vigu ja leidke nende tööriistade õigesti seadistamisel vead palju lihtsamad.

Selles loendis ei leia te ühtegi suurepärast Pythoni tööriista, mis on Emacsi jaoks saadaval. Need tööriistad sisaldavad REPL-i, et saaksite koodi interaktiivselt testida. Teil on isegi iPythoni režiim, kus saate oma koodi kommentaaridega üles ehitada.

Valmistatud jupid

Suur osa programmeerimisest hõlmab erilise struktuuriga funktsioonide kasutamist. Veebidokumendil on alati ja silt, mis tuleb õigesti sulgeda. Teil on alati konstruktsioone, kus soovitud kood järgib koodilõiku spetsiaalses vormingus. Emacsis on üks parimatest pistikprogrammidest Yasnippets!

Yasnippets

Yasnippetsi abil saate määratleda, mis tekst teie koodis peab olema. Võite kasutada ka muutujaid ja täita vormina tulemuse. Sarnane pistikprogramm, mis on saadaval paljude toimetajate jaoks, on Emmmet-režiim.

Emmet

Emmet-mode on tööriist, kus lühend loob kogu koodi. Esimene näide nende veebisaidilt näitab, kuidas kasutate loendi saamiseks tärniga korrutamist. Süntaks töötab sarnaselt CSS-ile, kuid see on kohandatud märgistuskeeltele, sealhulgas HTML-ile. Funktsionaalsuse laiendamiseks kasutate JSON-faile. Nendes saate lisada teie vajadustele vastavad jupid lähemale kui tavaline tööriist.

Flycheck

Flycheck kontrollib trükkimisel teie koodi süntaksivigade osas. Selle toimimiseks vajate aluseks olevat teeki või tööriistakomplekti, mis keelt tegelikult tunneb. Neid tööriistu on paljudes keeltes. Veebiarenduse jaoks otsige selliseid tööriistu nagu html-tidy, jshint ja pylint. Toetatakse paljusid muid tööriistu ja keeli. See on oluline osa Emacsi tarkvaraarenduse jaoks võimsaks muutmisel.

Emacsi seadistuses peate lisama ka konkreetse keele, mida toetate. Toetatud keeled on ilmsed, kui kontrollite MELPA-d või mõnda muud saiti Flychecki jaoks. Tegelikult on hea mõte kontrollida, mida Flycheck võib teie heaks teha, olenemata teie arendatavast keelest. Keelte hulk on tohutu!

Reaalajas redigeerimisrežiim

Emacsi abil saate oma veebilehtedel hea välja näha ja õigesti töötada mitmel viisil. Teil on ka palju võimalusi, kuidas sisestamise ajal oma koodi tulemusi brauseris reaalajas vaadata. See annab teile viivitamatu tagasiside tehtud muudatuste kohta, muutes silumise tarkvara arendamise lahutamatuks osaks. Üks lahendus selleks on vardas-režiim.

Varda režiim

Skewer-režiimis seadistatakse teie kataloog veebilehena, kuid kohalikult teie praeguses süsteemis. Seejärel käivitab see veebiserveri ja esitab koodi valitud veebibrauserile. Selle seadistuse korral kuvab brauser teile järgmisel aknas lehte. Veebiserver on konfigureeritud lehte uuesti laadima kohe, kui faili muudetakse. Veebiserveri kompileerimine, teisaldamine ja taaskäivitamine pole vajalik.

JavaScripti

JavaScripti programmeerimisel on teil palju komistusi, mille otsa komistada. Kui Flycheck kontrollib teie süntaksit, siis režiim js2 tõstab esile süntaksit, näidates samal ajal ka süntaksi tõrkeid kirjutades. See režiim on hädavajalik paljude koodide läbimiseks, et jõuda JavaScripti kodeerimisel unistuste tulemuseni.

See režiim toetab ka JSX-i ja sulgemist.

Indium

Pärast seda kõike läbi lugedes on hea meel teada, et leiate ka kimbud, mis pakivad kõik kenasti kokku. Üks neist parimatest on Indium. Indium jaguneb tegelikult kaheks osaks. Üks tükk on teie emacsi pakett, mis on saadaval MELPA-s; teine ​​on NPM-i pakett. NPM-i paketti on 'npm install indium abil lihtne installida."Pärast nende kahe installimist peate looma seaded oma projekti kataloogis nimega".indium.json '. Nõuded on NodeJS-is tagasihoidlikud, kuid need on ranged. Samuti mõistab see, et Chromium töötab, kuna kõik silumisvahendid pärinevad sealt.

Järeldus

Veebiarendusega alustamiseks võite arvata, et vajate väljamõeldud IDE-d. Kust mujalt saab kõik kellad ja viled? Emacsis leiate sealt. Nende tööriistade ja muu kasutamine viib teid väga kaugele ja tõenäoliselt ei vaja te suurepäraste veebilehtede loomiseks ühtegi muud tööriista! Kuid kui te ei nõustu mõne sellise tööriistaga, on Emacsi jaoks palju suurepäraseid tööriistu saadaval, kui vaatate ringi. Üks hea lähtepunkt on GitHubis saadaval ja selle nimi on tõepoolest 'Awesome Emacs."

Viis parimat mängu püüdmise kaarti
Me kõik oleme YouTube'is voogesituse mänge näinud ja armastanud. PewDiePie, Jakesepticye ja Markiplier on vaid mõned tipptasemel mängijatest, kes on t...
Kuidas mängu Linuxis arendada
Kümme aastat tagasi ei osanud paljud Linuxi kasutajad ennustada, et nende lemmikoperatsioonisüsteem on ühel päeval populaarne kommertsvideomängude män...
Kommertsmängumootorite avatud lähtekoodiga sadamad
Tasuta, avatud lähtekoodiga ja platvormidevaheliste mängumootorite puhkusereise saab kasutada nii vanade kui ka mõnede üsna hiljutiste mängude pealkir...