Opas SublimeLinterin käyttöön kehittäjille

linter on välttämätön työkalu nykyaikaisessa web-kehityksessä. Se auttaa meitä seuraamaan virheitä ja valvomaan parhaita käytäntöjä koodien kirjoittamisessa. Jos käytät SublimeText-ohjelmaa, suosittelen, että asennat SublimeLintersin. Vuosien varrella SublimeLinters on kehittänyt toimimaan SublimeTextin työkalujen sarjassa ja tuonut virallisia paketteja, jotka yhdistävät eri ohjelmointikieliä..

Tässä oppaassa näet, miten SublimeLinter asennetaan ja asennetaan. Aloitetaan vain.

Päästä alkuun

Helpoin tapa asentaa SublimeLinter 4 on SublimeText-paketin ohjaus. Siitä lähtien SublimeLinter 3, kukin Linter on asennettava erikseen. Näin SublimeLinter voi toimia tehokkaammin vain suorittamalla linttereitä että olemme asentaneet.

Koska käytän HTML-, CSS-, JS- ja PHP-ohjelmia suurimmaksi osaksi projekteissani, haluaisin asentaa lintereita näille kielille. Vuonna Paketin hallinta, Asen SublimeLinterin yhdessä seuraavien laajennusten kanssa:

• SublimeLinter-html-siistinä
• SublimeLinter-stylelint
• SublimeLinter-eslint
• SublimeLinter-php

Sitten, jotta nämä plugins toimivat, meidän on myös asennettava Linter kielille, jotka ovat HTML Tidy, CSSLint, JSHint ja PHP CLI.

Niille teistä, jotka käyttävät OSX: ää, Tidy ja PHP ovat valmiiksi asennettu järjestelmään. Voit tarkistaa seuraavat kaksi komentoa peräkkäin.

 siisti - versio php --version 

Nämä komennot näyttävät sinulle Tidy- ja PHP-version. Voit käyttää niitä Sublime-tekstissä.

Jos olet Windowsissa tai Linuxissa tai et ole asentanut niitä, voit seurata alla olevia ohjeita.

HTML Tidy -ohjelman asentaminen

HTML Tidy: n asentaminen:

• OSX: ssä, suorita tämä komento Terminalissa hauta asentaa homebrew / dupes / tidy
• Linuxissa, käytä tätä komentoa sudo apt-get asenna siisti.
• Windowsissa, voit tarttua EXE-asentajaan TidyBatchFilesistä.

PHP CLI: n asentaminen

• OSX-käyttäjät voivat asentaa PHP: n järjestelmään curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 komento. Tämä asentaa PHP 5.5: n, joka on uusin versio, kirjoituksen aikana.
• Linux käyttäjät voivat seurata tätä kattavaa opetusta DigitalOceanilta.
• Windows-käyttäjille, voit ladata asennusohjelman täältä.

Styleintin asentaminen

Seuraavaksi asennamme CSS linterin nimeltä Stylelint, jonka avulla voimme tarkistaa ja valvoa parhaita käytäntöjä CSS-tiedostoissamme. Seuraavaa ohjetta voidaan seurata kaikissa kolmessa alustassa: OSX, Windows ja Linux. Oletan, että olet jo asentanut Node.js: n NPM: ään.

Voit asentaa Stylelintin seuraavasti:

 npm asenna -g stylelint 

Huomaa, että sinun on myös lisättävä Stylelint-määritystiedosto projektihakemistoon, asennettava lisäksi ennalta määritetty konfiguraatio kuten stylelint-config-standard. Kun ne on määritetty, sinun tulee löytää alla esitetyt virheet.

ESLintin asentaminen

Aiomme myös asentaa ESLintin, joka on moderni ja hyvin konfiguroitava JavaScript-sovellus. Tämä auttaa meitä noudattamaan parhaita käytäntöjä sekä mahdollisia virheitä, kun kirjoitat JavaScriptin. ESLintin asentaminen vaatii myös Node.js: n NPM: n kanssa.

Voit asentaa sen suorittamalla.

 npm asenna -g eslint 

Vastaavasti sinun täytyy lisätä ESLint-kokoonpano projektiisi tai käyttää ennalta määritettyä kokoonpanoa, kuten eslint-config-suositeltavaa.

Olemme kaikki asettuneet. Voimme aloittaa pölyämistä HTML, CSS, JS ja PHP SublimeTextissä käyttämällä SublimeLinter 4: tä.

Uudet ominaisuudet SublimeLinter 4: ssä

SublimeLinter 4 tuo useita uusia ominaisuuksia, ja helposti havaittavissa on paneeli, joka näyttää kaikki avattujen tiedostojen virheet. Jos olet Macissa, paina Command + Ctrl + A. Windowsissa ja Linuxissa voit painaa Ctrl + K, Ctrl + A.

Pikanäppäin näyttää luettelon virheistä, kuten seuraavassa kuvassa näkyy.

Käytä ↑ ja ↓ navigoidaksesi luettelossa, ja sivu selaa tarkan rivin, jossa virhe tapahtui.

Parempi visuaalinen

Voimme nyt siirtyä viemärin päälle editorissa tai vain siinä rivissä, jossa virhe tapahtui, jotta näet virhesanoman. Tämä ei ollut mahdollista edellisessä versiossa.

Erittäin konfiguroitavissa

SublimeLinter 4 on nyt muokattavissa paremmin kuin koskaan ennen. Esimerkiksi voimme nyt mukautua “tyylit” jokaiseen linter-kokoonpanoon. Näin voimme asettaa kuvakkeet, värit, nukka-tilan, polun ja ympäristömuuttujat kullekin linterille erikseen.

Lisäohje

Toivon, että tämä lyhyt esittely auttaisi nousemaan ja juoksemaan SublimeLinterin kanssa. Voit myös viitata viitteeseen, jos haluat enemmän kehittyneitä juttuja.

• SublimeLinterin virallinen asiak
• Lint ohjelmistoissa ja ohjelmoinnissa - WikiPedia
• SublimeLinter-arkistot