Vodnik za uporabo SublimeLinter za razvijalce
Linter je nepogrešljivo orodje v sodobnem spletnem razvoju. Pomaga nam, da ostanemo v stiku z napakami in uveljavljamo najboljše prakse pri pisanju kod. Če uporabljate SublimeText, vam priporočam, da namestite SublimeLinters. Skozi leta je SublimeLinters postal orodje za električna orodja v SublimeTextu in je prinesel uradne pakete, ki se povezujejo z različnimi programskimi jeziki..
V tem vodiču bomo videli, kako namestiti in nastaviti SublimeLinter. Samo začnimo.
Kako začeti
Najlažji način namestitve SublimeLinter 4 je prek nadzora nad paketom SublimeText. Od takrat naprej SublimeLinter 3, vsak linter namestiti ločeno. To omogoča, da SublimeLinter deluje učinkoviteje samo z izvajanjem linters ki smo jih namestili.
Ker uporabljam HTML, CSS, JS in PHP večino časa v svojih projektih, bi rad namestil linters za te jezike. V Nadzor paketa, SublimeLinter namestim skupaj z naslednjimi vtičniki:
- SublimeLinter-html-urejeno
- SublimeLinter-stylelint
- SublimeLinter-eslint
- SublimeLinter-php
Potem, da bi ti vtičniki delovali, moramo namestiti tudi linter
za jezike, ki so HTML Tidy, CSSLint, JSHint in PHP CLI.
Za tiste, ki uporabljate OSX, so Tidy in PHP vnaprej nameščeni v sistemu. Če želite preveriti, zaporedoma zaženite naslednja dva ukaza.
tidy --version php --version
Ti ukazi vam bodo pokazali različico Tidy in PHP, ki jo imate. Lahko jih nadaljujete v sublimnem besedilu.
Če uporabljate operacijski sistem Windows ali Linux ali jih nimate nameščenih, sledite spodnjim navodilom.
Namestitev urejenega HTML-ja
Če želite namestiti urejevalnik HTML:
- V OSX, zaženite ta ukaz v Terminalu
pivo namestite homebrew / dupes / tidy
- V Linuxu, uporabite ta ukaz
sudo apt-get install tidy
. - V sistemu Windows, lahko zgrabite EXE namestitveni program iz TidyBatchFiles.
Namestitev PHP CLI
- Uporabniki OSX lahko namestijo PHP v sistem z
curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5
ukaz. To bo namestilo PHP 5.5, ki je v času pisanja najnovejša različica. - Linux uporabniki lahko sledijo tem obsežnim navodilom od podjetja DigitalOcean.
- Za uporabnike operacijskega sistema Windows, namestitveni program lahko prenesete tukaj.
Namestitev Styleinta
Nato bomo namestili CSS linter, imenovan Stylelint, ki nam bo omogočil preverjanje in uveljavljanje najboljših praks v naših CSS datotekah. Naslednja navodila se lahko uporabijo v vseh treh platformah: OSX, Windows in Linux. Predvidevam, da ste že namestili Node.js v NPM.
Če želite namestiti Stylelint, zaženite:
npm namestite -g stylelint
Upoštevajte, da boste morali v imenik projekta dodati tudi konfiguracijsko datoteko Stylelint, poleg tega pa boste morali namestiti vnaprej določeno konfiguracijo, kot je stylelint-config-standard. Ko jih konfigurirate, morate najti napake, označene kot spodaj.
Namestitev programa ESLint
Namestili bomo tudi ESLint, sodoben in zelo konfiguriran linter za JavaScript. To nam bo pomagalo uveljaviti najboljše prakse in ujeti morebitne napake pri pisanju JavaScripta. Namestitev programa ESLint zahteva tudi Node.js pri NPM.
Če ga želite namestiti, zaženite.
npm install -g eslint
Podobno morate v projekt dodati konfiguracijo ESLint ali pa uporabiti vnaprej določeno konfiguracijo, kot je eslint-config-recommended.
Vsi smo pripravljeni. Lahko začnemo linting HTML, CSS, JS in PHP v SublimeText z uporabo SublimeLinter 4.
Nove funkcije v tehnologiji SublimeLinter 4
SublimeLinter 4 prinaša več novih funkcij in tisti, ki je lahko opazen, je plošča, ki prikazuje vse napake odprtih datotek. Če uporabljate Mac, pritisnite Command + Ctrl + A. V operacijskem sistemu Windows in Linux lahko pritisnete Ctrl + K, Ctrl + A.
Vroča tipka prikaže seznam napak, kot je prikazano na naslednjem posnetku zaslona.
Uporabi ↑ in ↓ za pomikanje po seznamu, stran pa se bo pomaknila na točno vrstico, kjer je prišlo do napake.
Boljše vizualno
Zdaj lahko lebdimo nad žlebom v urejevalniku ali samo v vrstici, kjer se prikaže sporočilo o napaki. To v prejšnji različici ni bilo mogoče.
Visoko konfigurirano
SublimeLinter 4 je zdaj bolj prilagodljiv kot kdajkoli prej. Na primer, zdaj lahko po meri “stilov” za vsako konfiguracijo linterja. To nam omogoča, da ločeno nastavimo ikone, barve, spremenljivke načina, poti in okolja za vsako linter.
Nadaljnje reference
Upam, da bi ta kratka predstavitev pomagala pri vzpostavitvi in delovanju s SublimeLinter. Lahko se sklicujete tudi na referenco, če želite več naprednih stvari.
- Uradni dokument SublimeLinter
- Lint v programski opremi in programiranju - WikiPedia
- Skladišča SublimeLinter