Rokasgrāmata SublimeLinter izmantošanai izstrādātājiem
Linter ir neaizstājams līdzeklis mūsdienu tīmekļa attīstībā. Tas palīdz mums palikt pārbaudīt ar kļūdām un izpildīt labāko praksi, kad rakstāt kodus. Ja izmantojat SublimeText, es ļoti iesakām instalēt SublimeLinters. Gadu gaitā SublimeLinters ir kļuvis par SublimeText elektroinstrumentu komplektu un ieviesis oficiālus iepakojumus, kas savieno dažādu programmēšanas valodu slāņus..
Šajā apmācībā mēs redzēsim, kā instalēt un iestatīt SublimeLinter. Tikai sāciet darbu.
Darba sākšana
Vienkāršākais veids, kā instalēt SublimeLinter 4, ir SublimeText pakotnes kontrole. Kopš tā laika SublimeLinter 3, katrs linter jāuzstāda atsevišķi. Tas ļauj SublimeLinter darboties efektīvāk, tikai darbinot līstes ko esam instalējuši.
Tā kā es projektos izmantoju HTML, CSS, JS un PHP lielāko daļu laika, es vēlos instalēt šīs valodas. Iekš Iepakojuma kontrole, Es instalēju SublimeLinter kopā ar šādiem papildinājumiem:
- SublimeLinter-html-tidy
- SublimeLinter-stylelint
- SublimeLinter-eslint
- SublimeLinter-php
Tad, lai šie spraudņi darbotos, mums jāinstalē arī linter
valodām, kas ir HTML Tidy, CSSLint, JSHint un PHP CLI.
Tiem, kuri izmanto OSX, Tidy un PHP ir iepriekš instalēti sistēmā. Lai pārbaudītu, palaidiet tālāk divas komandas secīgi.
kārtīgi - versija php -version
Šīs komandas jums parādīs Tidy un PHP versiju. Varat turpināt tos izmantot tekstā Sublime.
Ja atrodaties operētājsistēmā Windows vai Linux vai nav instalēta, varat izpildīt tālāk norādītās instrukcijas.
HTML Tidy instalēšana
Lai instalētu HTML Tidy:
- OSX, palaist šo komandu terminālā
brūvēt instalēt homebrew / dupes / tidy
- Linux, izmantot šo komandu
sudo apt-get instalēt kārtīgi
. - Sistēmā Windows, jūs varat paķert EXE instalētāju no TidyBatchFiles.
PHP CLI instalēšana
- OSX lietotāji var instalēt PHP sistēmā ar
curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5
komandu. Tas instalēs PHP 5.5, kas ir jaunākā versija rakstīšanas laikā. - Linux lietotāji var sekot šai visaptverošajai apmācībai no DigitalOcean.
- Windows lietotājiem, jūs varat lejupielādēt instalētāju šeit.
Styleint instalēšana
Pēc tam mēs instalēsim CSS linteri, ko sauc par Stylelint, kas ļaus mums pārbaudīt un īstenot mūsu CSS failu labāko praksi. Visās trijās platformās var sekot šādām instrukcijām: OSX, Windows un Linux. Es pieņemu, ka jūs jau esat instalējis Node.js ar NPM.
Lai instalētu Stylelint, palaidiet:
npm instalēt -g stylelint
Ņemiet vērā, ka jūsu projekta direktorijā būs jāpievieno arī Stylelint konfigurācijas fails, papildus instalējot iepriekš definētu konfigurāciju, piemēram, stylelint-config-standard. Kad tie ir konfigurēti, jums vajadzētu atrast tālāk norādītās kļūdas.
ESLint instalēšana
Mēs arī uzstādīsim ESLint, modernu un ļoti konfigurējamu JavaScript programmu. Tas palīdzēs mums izpildīt labākās prakses, kā arī nozvejot potenciālas kļūdas, rakstot JavaScript. ESLint instalēšana prasa arī Node.js ar NPM.
Lai to instalētu, palaidiet.
npm instalēt -g eslint
Līdzīgi, jūsu projektam būs jāpievieno ESLint konfigurācija vai jāizmanto iepriekš definēta konfigurācija, piemēram, eslint-config-ieteicams.
Mēs visi esam noteikti. Mēs varam sākt uzklāšana HTML, CSS, JS un PHP SublimeText, izmantojot SublimeLinter 4.
Jaunas funkcijas SublimeLinter 4
SublimeLinter 4 piedāvā vairākas jaunas funkcijas, un tas, kas ir viegli pamanāms, ir panelis, kas parāda visas atvērtās datnes kļūdas. Ja atrodaties Mac datorā, nospiediet Command + Ctrl + A. Windows un Linux operētājsistēmā varat nospiest Ctrl + K, Ctrl + A.
Karstais taustiņš parādīs kļūdu sarakstu, kā parādīts nākamajā ekrānā.
Izmantojiet ↑ un ↓ lai pārvietotos sarakstā, un lapa ritēs līdz konkrētajai līnijai, kurā radās kļūda.
Labāks vizuālais
Tagad mēs varam pārvietot virs notekcaurules redaktorā vai tikai tajā rindā, kurā radās kļūda, lai apskatītu kļūdas ziņojumu. Iepriekšējā versijā tas nebija iespējams.
Ļoti konfigurējams
SublimeLinter 4 tagad ir vairāk konfigurējams nekā jebkad agrāk. Piemēram, tagad mēs varam pierast “stili” katrai linter konfigurācijai. Tas ļauj katram linteram atsevišķi iestatīt ikonas, krāsu, nepārspējamo režīmu, ceļu un vides mainīgos.
Tālāka atsauce
Es ceru, ka šis īss ievads var palīdzēt ar SublimeLinter darboties. Varat arī atsaukties uz atsauci, ja vēlaties vairāk uzlabotas lietas.
- SublimeLinter oficiālais dok
- Lint programmatūra un programmēšana - WikiPedia
- SublimeLinter krātuves