Vodič za korištenje SublimeLinter za programere
linter je nezamjenjiv alat u modernom web razvoju. Pomaže nam da ostanemo u toku s pogreškama i provodimo najbolju praksu prilikom pisanja kodova. Ako koristite SublimeText, preporučujem da instalirate SublimeLinters. Tijekom godina, SublimeLinters je postao paket alata u SublimeTextu i donio je službene pakete koji se povezuju s drugim programskim jezicima..
U ovom vodiču vidjet ćemo kako instalirati i postaviti SublimeLinter. Počnimo.
Početak rada
Najlakši način da instalirate SublimeLinter 4 je kroz kontrolu SublimeText paketa. Od tada SublimeLinter 3, svaki Linter moraju se instalirati zasebno. To omogućuje SublimeLinteru da se učinkovitije pokreće samo pokretanjem kratka otpadna koje smo instalirali.
Budući da većinu vremena koristim HTML, CSS, JS i PHP u svojim projektima, želio bih instalirati linters za ove jezike. U Kontrola paketa, Instaliram SublimeLinter zajedno sa sljedećim dodatcima:
- SublimeLinter-html-uredan
- SublimeLinter-stylelint
- SublimeLinter-eslint
- SublimeLinter-php
Zatim, da bi ti dodaci funkcionirali, također trebamo instalirati Linter
za jezike, koji su HTML Tidy, CSSLint, JSHint i PHP CLI.
Za one koji koriste OSX, Tidy i PHP su unaprijed instalirani u sustav. Da biste potvrdili, pokrenite sljedeće dvije naredbe uzastopno.
tidy --version php --version
Ove naredbe prikazat će vam Tidy i PHP verziju koju imate. Možete ih nastaviti koristiti u Sublime Text.
Ako ste na Windowsima ili Linuxu ili ih nemate instalirane, slijedite upute u nastavku.
Instaliranje HTML-a
Da biste instalirali HTML uredno:
- U OSX-u, pokrenite ovu naredbu na terminalu
pivo instalirajte homebrew / dupes / tidy
- U Linuxu, koristite ovu naredbu
sudo apt-get install uredan
. - U sustavu Windows, možete zgrabiti EXE instalaciju iz TidyBatchFiles.
Instaliranje PHP CLI
- OSX korisnici mogu instalirati PHP u sustav s
curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5
naredba. Ovo će instalirati PHP 5.5, koji je najnovija verzija, u vrijeme pisanja. - Linux korisnici mogu pratiti ovaj sveobuhvatni vodič iz DigitalOceana.
- Za korisnike sustava Windows, instalacijski program možete preuzeti ovdje.
Instaliranje Styleinta
Zatim ćemo instalirati CSS linter nazvan Stylelint koji će nam omogućiti provjeru i provedbu najboljih praksi u našim CSS datotekama. Sljedeće upute mogu se pratiti u sve tri platforme: OSX, Windows i Linux. Pretpostavljam da ste već instalirali Node.js s NPM-om.
Da biste instalirali Stylelint, pokrenite:
npm install -g stylelint
Imajte na umu da ćete u direktorij projekta morati dodati i Stylelint konfiguracijsku datoteku, dodatno instalirati unaprijed definirani config kao stylelint-config-standard. Kada se one konfiguriraju, trebate pronaći pogreške istaknute kao u nastavku.
Instaliranje programa ESLint
Također ćemo instalirati ESLint, moderan i vrlo konfiguriran linter za JavaScript. To će nam pomoći da primijenimo najbolje prakse, kao i uhvatimo potencijalne pogreške prilikom pisanja JavaScripta. Instaliranje ESLint-a također zahtijeva Node.js s NPM-om.
Da biste ga instalirali, pokrenite.
npm install -g eslint
Slično tome, morat ćete dodati projektnu konfiguraciju ESLinta ili upotrijebiti unaprijed definiranu konfiguraciju kao što je eslint-config-recommended.
Svi smo spremni. Možemo početi ostavlja dlačice HTML, CSS, JS i PHP u SublimeTextu koji koristi SublimeLinter 4.
Nove značajke u SublimeLinteru 4
SublimeLinter 4 donosi nekoliko novih značajki, a jedna koja je lako uočljiva je ploča koja prikazuje sve pogreške otvorenih datoteka. Ako ste u Macu, pritisnite Command + Ctrl + A. U Windowsima i Linuxu možete pritisnuti Ctrl + K, Ctrl + A.
Vruća tipka prikazat će popis pogrešaka, kao što je prikazano na sljedećoj slici zaslona.
Koristiti ↑ i ↓ za kretanje po popisu, a stranica će se pomaknuti na točnu liniju gdje je došlo do pogreške.
Bolje vizualno
Sada možemo prelaziti preko oluka u uređivaču ili samo u redak u kojem se pogreška pojavljuje da bi se prikazala poruka o pogrešci. To nije bilo moguće u prethodnoj verziji.
Visoko konfigurirati
SublimeLinter 4 je sada konfigurabilniji nego ikada prije. Na primjer, sada možemo prilagoditi “stilovi” za svaku konfiguraciju lintera. To nam omogućuje da postavimo ikone, boje, način rada, put i varijable okoline za svaki linter zasebno.
Daljnje reference
Nadam se da bi ovaj kratki uvod mogao pomoći u pokretanju SublimeLintera. Također možete uputiti na referencu ako želite više naprednih stvari.
- Službeni dokumenat SublimeLinter
- Lint u softveru i programiranju - WikiPedia
- Skladišta SublimeLintera