Guide til brug af SublimeLinter til udviklere
Linter er et uundværligt redskab i moderne webudvikling. Det hjælper os med at holde kontakten med fejl og håndhæve bedste praksis, når der skrives koder. Hvis du bruger SublimeText, anbefaler jeg stærkt at installere SublimeLinters. I løbet af årene har SublimeLinters udviklet sig til at være en elværktøjssuite i SublimeText og bragte officielle pakker, der forbinder linjerne i forskellige programmeringssprog.
I denne vejledning kan vi se, hvordan du installerer og installerer SublimeLinter. Lad os lige komme i gang.
Kom i gang
Den nemmeste måde at installere SublimeLinter 4 på er via SublimeText Package Control. Lige siden i SublimeLinter 3, hver linter skal installeres separat. Dette gør det muligt for SublimeLinter at køre mere effektivt ved kun at køre linters som vi har installeret.
Siden jeg bruger HTML, CSS, JS og PHP mesteparten af tiden i mine projekter, vil jeg gerne installere liners til disse sprog. I Pakke kontrol, Jeg installerer SublimeLinter sammen med følgende plugins:
- SublimeLinter-html-ryddeligt
- SublimeLinter-stylelint
- SublimeLinter-eslint
- SublimeLinter-php
For at disse plugins skal fungere, skal vi også installere linter
for de sprog, der er HTML Tidy, CSSLint, JSHint og PHP CLI.
For de af jer, der bruger OSX, er Tidy og PHP forudinstalleret i systemet. For at bekræfte, kør følgende to kommandoer efter hinanden.
ryddelige --version php - version
Disse kommandoer vil vise dig den Tidy og PHP version du har. Du kan fortsætte med at bruge dem i Sublim tekst.
Hvis du er på Windows eller Linux, eller ikke har dem installeret, kan du følge instruktionerne nedenfor.
Installation af HTML Tidy
Sådan installeres HTML Tidy:
- I OSX, Kør denne kommando i Terminal
brygge installere homebrew / dupes / rydde
- I Linux, Brug denne kommando
sudo apt-get install ryddig
. - I Windows, du kan få fat i EXE-installationsprogrammet fra TidyBatchFiles.
Installation af PHP CLI
- OSX-brugere kan installere PHP i systemet med
curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5
kommando. Dette installerer PHP 5.5, som er den seneste version, på tidspunktet for skrivningen. - Linux Brugere kan følge denne omfattende vejledning fra DigitalOcean.
- Til Windows-brugere, Du kan downloade installationsprogrammet her.
Installation af Styleint
Derefter installerer vi CSS-linteren kaldet Stylelint, der gør det muligt for os at kontrollere og håndhæve bedste praksis i vores CSS-filer. Følgende instruktion kan følges på alle tre platforme: OSX, Windows og Linux. Jeg antager, at du allerede har installeret Node.js med NPM.
For at installere Stylelint skal du køre:
npm install-g stylelint
Bemærk at du også skal tilføje en Stylelint-konfigurationsfil til din projektmappe. Desuden skal du installere en foruddefineret config som stylelint-config-standard. Når disse er konfigureret, skal du finde de fejl, der fremhæves som nedenfor.
Installation af ESLint
Vi skal også installere ESLint, en moderne og højkonfigurerbar linter til JavaScript. Dette vil hjælpe os med at håndhæve bedste praksis samt fange potentielle fejl, når du skriver JavaScript. Installation af ESLint kræver også Node.js med NPM.
For at installere det skal du køre.
npm installer -g eslint
Tilsvarende skal du tilføje ESLint-konfigurationen til dit projekt, eller bruge den foruddefinerede konfiguration som eslint-config-anbefales.
Vi er alle sammen. Vi kan starte linting HTML, CSS, JS og PHP i SublimeText ved hjælp af SublimeLinter 4.
Nye funktioner i SublimeLinter 4
SublimeLinter 4 bringer flere nye funktioner, og det er let at bemærke, at panelet viser alle de fejl i de åbne filer. Hvis du er i Mac, skal du trykke på Command + Ctrl + A. I Windows og Linux kan du trykke på Ctrl + K, Ctrl + A.
Genvejstasten viser en liste over fejl, som vist på følgende skærmbillede.
Brug ↑ og ↓ for at navigere i listen, og siden vil rulle til den nøjagtige linje, hvor fejlen opstod.
Bedre Visual
Vi kan nu svæve over randen i editoren eller bare den linje, hvor fejlen sker for at se fejlmeddelelsen. Dette var ikke muligt i den tidligere version.
Meget konfigurerbar
SublimeLinter 4 er nu mere konfigurerbar end nogensinde før. For eksempel kan vi nu tilpasses “stilarter” til hver af linterkonfigurationen. Dette giver os mulighed for at indstille ikoner, farve, lint-tilstand, sti og miljøvariabler for hver linter separat.
Yderligere Reference
Jeg håber, at denne korte introduktion kan hjælpe med at komme i gang med SublimeLinter. Du kan også henvise til referencen, hvis du vil have flere avancerede ting.
- SublimeLinter Official Doc
- Lint i software og programmering - WikiPedia
- SublimeLinter Repositories