Mājas lapa » Kodēšana » Rokasgrāmata SublimeLinter izmantošanai izstrādātājiem

    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