Sprievodca používaním SublimeLinter pre vývojárov

linter je nepostrádateľným nástrojom moderného vývoja webu. Pomáha nám udržať si kontrolu nad chybami a presadzovať osvedčené postupy pri písaní kódov. Ak používate SublimeText, odporúčam vám nainštalovať SublimeLinters. V priebehu rokov sa SublimeLinters rozhodol byť súpravou elektrického náradia v SublimeText a priniesol oficiálne balíky, ktoré sa pripájajú k linterom rôznych programovacích jazykov.

V tejto príručke uvidíme, ako nainštalovať a nastaviť SublimeLinter. Poďme začať.

Začíname

Najjednoduchší spôsob inštalácie aplikácie SublimeLinter 4 je pomocou ovládacieho prvku balíku SublimeText. Odvtedy od SublimeLinter 3, každý linter musia byť inštalované samostatne. To umožňuje, aby SublimeLinter fungoval efektívnejšie len tým, že spustil linters ktoré sme nainštalovali.

Keďže v mojich projektoch používam väčšinu času HTML, CSS, JS a PHP, rád by som nainštaloval linters pre tieto jazyky. V Kontrola balíkov, Inštalujem SublimeLinter spolu s nasledujúcimi doplnkami:

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

Potom, aby tieto pluginy fungovali, musíme tiež nainštalovať linter pre jazyky, ktoré sú HTML Tidy, CSSLint, JSHint a PHP CLI.

Pre tých z vás, ktorí používajú OSX, Tidy a PHP sú predinštalované v systéme. Ak chcete overiť, spustite nasledujúce dva príkazy postupne.

 uprataný - verzia php - verzia 

Tieto príkazy vám ukážu Tidy a PHP verziu, ktorú máte. Môžete pokračovať v ich používaní vo vznešenom texte.

Ak používate systém Windows alebo Linux alebo nemáte nainštalovaný systém, postupujte podľa pokynov uvedených nižšie.

Inštalácia HTML Tidy

Inštalácia HTML Tidy:

• V OSX, spustite tento príkaz v termináli varenie nainštalovať homebrew / dupes / tidy
• V systéme Linux, použite tento príkaz sudo apt-get nainštalovať uprataný.
• V systéme Windows, môžete chytiť inštalačný program EXE z TidyBatchFiles.

Inštalácia PHP CLI

• Používatelia OSX môžu nainštalovať PHP do systému pomocou curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 Príkaz. Tým sa nainštaluje PHP 5.5, čo je najnovšia verzia v čase písania.
• linux používatelia môžu sledovať tento komplexný návod od spoločnosti DigitalOcean.
• Používatelia systému Windows, tu môžete prevziať inštalátora.

Inštalácia štýlu

Potom nainštalujeme CSS linku s názvom Stylelint, ktorá nám umožní skontrolovať a presadzovať osvedčené postupy v našich súboroch CSS. Nasledujúca inštrukcia môže byť dodržaná vo všetkých troch platformách: OSX, Windows a Linux. Predpokladám, že ste už Node.js nainštalovali s NPM.

Ak chcete nainštalovať Stylelint, spustite:

 npm install -g stylelint 

Všimnite si, že budete musieť pridať aj konfiguračný súbor Stylelint do vášho adresára projektu, navyše nainštalovať preddefinovanú konfiguráciu, ako je štýl štandard-config-standard. Akonáhle sú tieto konfigurované, mali by ste nájsť chyby zvýraznené ako nižšie.

Inštalácia ESLint

Budeme tiež inštalovať ESLint, moderný a vysoko konfigurovateľný linter pre JavaScript. To nám pomôže pri presadzovaní najlepších postupov, ako aj pri zachytení potenciálnych chýb pri písaní jazyka JavaScript. Inštalácia ESLint tiež vyžaduje Node.js s NPM.

Ak ho chcete nainštalovať, spustite ho.

 npm install -g eslint 

Podobne budete musieť pridať konfiguráciu ESLint do projektu alebo použiť preddefinovanú konfiguráciu, ako je eslint-config-recommended.

Všetci sme pripravení. Môžeme začať nepĺzne HTML, CSS, JS a PHP v SublimeText pomocou SublimeLinter 4.

Nové funkcie vo formáte SublimeLinter 4

SublimeLinter 4 prináša niekoľko nových funkcií a ten, ktorý je ľahko viditeľný, je panel, ktorý zobrazuje všetky chyby otvorených súborov. Ak sa nachádzate v systéme Mac, stlačte kláves Command + Ctrl + A. V systéme Windows a Linux môžete stlačiť klávesy Ctrl + K, Ctrl + A.

Tlačidlo Hot zobrazí zoznam chýb, ako je uvedené na nasledujúcej snímke obrazovky.

Použi ↑ a ↓ na navigáciu v zozname a stránka sa presunie na presný riadok, v ktorom sa vyskytla chyba.

Lepšie vizuálne

Teraz môžeme umiestniť kurzor myši nad okraj v editore alebo len v riadku, kde sa vyskytla chyba zobraziť chybové hlásenie. Toto nebolo možné v predchádzajúcej verzii.

Vysoko konfigurovateľné

SublimeLinter 4 je teraz viac konfigurovateľný ako kedykoľvek predtým. Napríklad, môžeme teraz vlastné “štýly” ku každej konfigurácii linteru. To nám umožňuje nastaviť pre každú linter zvlášť ikony, farbu, režim prechodu, dráhu a premenné prostredia.

Ďalšie odkazy

Dúfam, že tento krátky úvod by mohol pomôcť pri nadviazaní spolupráce s SublimeLinter. Môžete tiež odkazovať na odkaz, ak chcete viac pokročilých vecí.

• Úradný dokument SublimeLinter
• Lint v softvéri a programovaní - WikiPedia
• SublimeLinter repozitáre