Juhend SublimeLinteri kasutamiseks arendajatele

Linter on kaasaegse veebiarenduse vältimatu vahend. See aitab meil vigade kontrollimisel jääda ja parimate tavade rakendamine koodide kirjutamisel. Kui kasutate SublimeText'i, soovitan SublimeLintersit installida. Aastate jooksul on SublimeLinters pidanud olema SublimeTextis elektrivarustuse komplekt ja toonud ametlikud paketid, mis ühenduvad erinevate programmeerimiskeeltega..

Selles juhendis näeme, kuidas installida ja seadistada SublimeLinterit. Alustame lihtsalt.

Alustamine

Lihtsaim viis SublimeLinter 4 installimiseks on läbi paketi SublimeText. Alates sellest ajast SublimeLinter 3, iga linter tuleb paigaldada eraldi. See võimaldab SublimeLinteril töötada tõhusamalt ainult linters mida oleme installinud.

Kuna ma kasutan oma projektides enamasti HTML-i, CSS-i, JS-i ja PHP-d, tahaksin nendele keeltele paigaldada linti. In Pakendi kontroll, Ma installin SublimeLinteri koos järgmiste pluginatega:

• SublimeLinter-html-tidy
• SublimeLinter-stylelint
• SublimeLinter-eslint
• SublimeLinter-php

Seejärel, et need pluginad töötaksid, peame ka installima linter keelte puhul, mis on HTML Tidy, CSSLint, JSHint ja PHP CLI.

Neile, kes kasutavad OSXi, on süsteemi Tidy ja PHP eelnevalt installitud. Kontrollimiseks käivitage järjest kaks järgmist käsku.

 korras - php -version 

Need käsud näitavad sulle Tidy ja PHP versiooni. Neid saab kasutada ka tekstis Sublime.

Kui olete Windowsis või Linuxis või pole neid installitud, saate järgida alltoodud juhiseid.

HTML Tidy installimine

HTML Tidy installimiseks:

• OSX-is, käivitage see käsk terminalis pruulige sisse homebrew / dupes / tidy
• Linuxis, kasutage seda käsku sudo apt-get installimine on korras.
• Windowsis, saate tõmmata EXE-installeri TidyBatchFiles'ist.

PHP CLI installimine

• OSXi kasutajad saavad süsteemi installida süsteemiga curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 käsk. See installib PHP 5.5, mis on viimane versioon, kirjutamise ajal.
• Linux kasutajad saavad DigitalOcean'ilt seda põhjalikku juhendit jälgida.
• Windowsi kasutajatele, saate alla laadida installeri.

Styleinti installimine

Seejärel paigaldame CSS-linteri nimega Stylelint, mis võimaldab meil kontrollida ja jõustada meie CSS-failides parimaid tavasid. Järgnevat juhendit saab järgida kõigis kolmes platvormis: OSX, Windows ja Linux. Eeldan, et olete juba installinud Node.js'i NPM-iga.

Stylelinti installimiseks käivitage:

 npm install -g stylelint 

Pange tähele, et peate oma projektikataloogi lisama ka Stylelint-i konfiguratsioonifaili, lisaks installima eelnevalt määratud konfigureerimise nagu stylelint-config-standard. Kui need on konfigureeritud, peate leidma alljärgnevalt esile tõstetud vead.

ESLinti installimine

Samuti kavatseme paigaldada ESLinti, mis on nüüdisaegne ja väga konfigureeritav JavaScript. See aitab meil jõustada parimaid tavasid ning püüda JavaScripti kirjutamisel võimalikke vigu. ESLinti installimine nõuab ka Node.js-i koos NPM-iga.

Selle installimiseks käivitage.

 npm install -g eslint 

Samamoodi peate lisama oma projektile ESLinti konfiguratsiooni või kasutama eelnevalt määratletud konfiguratsiooni, nagu näiteks eslint-config-soovitatav.

Me kõik oleme seatud. Me võime alustada lintimine HTML, CSS, JS ja PHP SublimeTextis, kasutades SublimeLinter 4.

SublimeLinter 4 uued funktsioonid

SublimeLinter 4 toob kaasa mitmeid uusi funktsioone ning see, mis on kergesti märgatav, on paneel, mis kuvab kõik avatud failide vead. Kui olete Macis, vajutage Command + Ctrl + A. Windowsis ja Linuxis saate vajutada Ctrl + K, Ctrl + A.

Kiirklahv näitab vigade nimekirja, nagu on näidatud järgmises ekraanil.

Kasuta ↑ ja ↓ loendis liikumiseks ja leht kerib täpset rida, kus viga ilmnes.

Parem visuaalne

Nüüd on veateate vaatamiseks võimalik redaktoris risti või lihtsalt see rida, kus viga juhtus. See ei olnud eelmises versioonis võimalik.

Väga konfigureeritav

SublimeLinter 4 on nüüd rohkem konfigureeritav kui kunagi varem. Näiteks saame nüüd kohandatud “stiilid” igale linteri konfiguratsioonile. See võimaldab meil määrata iga linteri jaoks ikoonid, värvi, lint-režiimi, tee ja keskkonnamuutujad eraldi.

Täiendav viide

Loodan, et see lühike sissejuhatus võib aidata SublimeLinteriga kaasa tulla. Võite ka viidata viitele, kui soovite rohkem täiustatud asju.

• SublimeLinteri ametlik dokument
• Lint tarkvaras ja programmeerimisel - WikiPedia
• SublimeLinter repositooriumid