Útmutató a SublimeLinter használatához a fejlesztők számára
Linter elengedhetetlen eszköze a modern webfejlesztésnek. Segítséget nyújt a hibák ellenőrzésében és a legjobb gyakorlatok érvényesítésében a kódok írásakor. Ha a SublimeText-et használja, nagyon ajánlom a SublimeLinters telepítését. Az évek során a SublimeLinters fejlesztette ki, hogy a SublimeText szerszámcsomagja lesz, és hivatalos csomagokat hozott létre, amelyek különböző programozási nyelvek szöszéhez kapcsolódnak.
Ebben a bemutatóban megtudjuk, hogyan kell telepíteni és beállítani a SublimeLinter programot. Csak kezdjünk el.
Elkezdeni
A SublimeLinter 4 telepítésének legegyszerűbb módja a SublimeText csomagvezérlő. Ettől kezdve SublimeLinter 3, minden egyes szőtt külön kell telepíteni. Ez lehetővé teszi a SublimeLinter hatékonyabb futtatását, ha csak a pamutlinters amit telepítettünk.
Mivel HTML, CSS, JS és PHP-t használok nagy részében a projektjeimben, szeretném telepíteni ezeket a nyelveket. Ban,-ben Csomagvezérlés, A SublimeLinter-t a következő bővítményekkel együtt telepítem:
- SublimeLinter-html-rendet
- SublimeLinter-stylelint
- SublimeLinter-eslint
- SublimeLinter-php
Ezután ahhoz, hogy ezek a pluginok működjenek, telepítenünk kell a szőtt
a HTML-Tidy, CSSLint, JSHint és PHP CLI nyelvekhez.
Azok számára, akik OSX-et használnak, a Tidy és a PHP előre telepítve vannak a rendszerben. Az ellenőrzéshez futtassa a következő két parancsot egymás után.
rendezett - php --version
Ezek a parancsok megmutatják a Tidy és a PHP verzióját. Használhatja a Sublime szövegben.
Ha Windows vagy Linux operációs rendszer van, vagy nincs telepítve, kövesse az alábbi utasításokat.
A HTML Tidy telepítése
A HTML Tidy telepítése:
- Az OSX-ben, futtassa ezt a parancsot a Terminálban
főzzön be homebrew / dupes / rendezett
- Linuxban, használja ezt a parancsot
sudo apt-get telepítés rendezett
. - A Windows rendszerben, megragadhatja az EXE telepítőt a TidyBatchFiles-ről.
A PHP CLI telepítése
- Az OSX felhasználók telepíthetik a PHP-t a rendszerbe
curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5
parancs. Ezzel a PHP 5.5-ös verzióját, amely a legújabb verzió, az írás idején telepíti. - Linux a felhasználók követhetik ezt az átfogó bemutatót a DigitalOcean-tól.
- Windows-felhasználók számára, Itt letöltheti a telepítőt.
A Styleint telepítése
Ezután telepítjük a Stylelint nevű CSS lintert, amely lehetővé teszi számunkra, hogy ellenőrizzék és érvényesítsék a CSS-fájljaink legjobb gyakorlatát. Az alábbi utasítások mindhárom platformon követhetők: OSX, Windows és Linux. Feltételezem, hogy már telepítetted a Node.js-t az NPM-hez.
A Stylelint telepítéséhez futtassa a következőt:
npm install -g stylelint telepítése
Ne feledje, hogy Stylelint konfigurációs fájlt is hozzá kell adnia a projektkönyvtárához, továbbá telepítenie kell egy előre definiált konfigurációt, mint a stylelint-config-standard. Miután ezeket konfiguráltuk, az alábbiakban felsorolt hibákat kell találni.
Az ESLint telepítése
Az ESLint-t, egy modern és rendkívül konfigurálható JavaScript-et is telepítjük. Ez segíteni fog a legjobb gyakorlatok érvényesítésében és a lehetséges hibák hibakeresésében a JavaScript írásakor. Az ESLint telepítése Node.js-t is igényel az NPM-el.
A telepítéshez futtassa.
npm install -g eslint telepítése
Hasonlóképpen hozzá kell adnia az ESLint konfigurációt a projekthez, vagy használnia kell az előre meghatározott konfigurációt, például az eslint-config-ajánlott.
Mindannyian be vannak állítva. Elkezdhetjük bolyhosodé HTML, CSS, JS és PHP a SublimeText programban a SublimeLinter 4 használatával.
Új funkciók a SublimeLinter 4-ben
A SublimeLinter 4 számos új funkciót hoz létre, és a könnyen észrevehető az a panel, amely a megnyitott fájlok összes hibáját jeleníti meg. Ha a Mac operációs rendszerben van, nyomja meg a Command + Ctrl + A billentyűt. A Windows és a Linux rendszeren megnyomhatja a Ctrl + K, Ctrl + A billentyűkombinációt..
A gyorsbillentyű a következő képernyőn látható hibák listáját jeleníti meg.
Használja a ↑ és ↓ navigálhat a listában, és az oldal a pontos sorra lép, ahol a hiba történt.
Jobb látvány
A hibaüzenet megjelenítéséhez most már átmásolhatunk a csatornán a szerkesztőben vagy csak azon a soron, ahol a hiba történt. Ez nem volt lehetséges az előző változatban.
Nagyon konfigurálható
A SublimeLinter 4 most már jobban konfigurálható, mint valaha. Például most már szokás “stílusok” minden linter konfigurációhoz. Ez lehetővé teszi számunkra, hogy az egyes vonalakhoz ikonok, színek, szösz mód, útvonal és környezeti változók kerüljenek beállításra.
További információk
Remélem, hogy ez a rövid bevezető segíthet felkelni és futni a SublimeLinterrel. A hivatkozásra akkor is hivatkozhat, ha többet szeretne a fejlett dolgokról.
- SublimeLinter Hivatalos Doc
- Lint a szoftverekben és a programozásban - WikiPedia
- SublimeLinter tárolók