Hogyan szüntesse meg gondjait Sublime-ban

A Sublime egy könnyű szövegszerkesztő, és nagyon népszerű sok webfejlesztő között. Most már tudom, hogy sok kifinomult IDE van a piacon, intelligens, kód kiegészítéssel és egyebekkel. De ez a bejegyzés azoknak szól, akik hűségesek maradtak kedvenc szövegszerkesztőikhez! Tehát, ha a Sublime-ot használja projektjeihez, akkor élvezheti az általa kínált remek funkciókat. A linting az egyik.

Kezdjük azzal, hogy meghatározzuk a „Linting” kifejezést.

A szöszölés a kód ellenőrzése az esetleges hibák ellen. Ez lehet a szintaxis vagy a kód stílusa.

A szöszölési folyamat a fejlesztés három szakaszában végezhető el:

  1. A szerkesztőjén keresztül (élő szálképzés)
  2. Az építési folyamat révén
  3. Előkötelezettségű kampó használata a verziókezelésben

Ebben a bejegyzésben az élő szöszöket vizsgáljuk meg a szerkesztőben. Sok népszerű lint található odakint a JavaScript számára, mint például a JSHint, a JSCS és az ESLint. Az ESLint-et fogom használni, mert az ESLint támogatja az ES6 kódot, nagyon bővíthető és nagyon könnyen használható. Ha érdekel, megnézheti az itt található különböző linták összehasonlítását!

1. lépés

Először telepítenie kell az ESLint npm csomagot. A parancs a következő:

npm install -g eslint

A '-g' opció a csomag globális telepítése. Telepítse az 'npm' alkalmazást, ha még nincs telepítve. Egy fájl megnyílik a Sublime-ban, amelyben két másik plugin letöltését kéri. Ezeket a bővítményeket a Sublime Package Control segítségével kell telepítenie.

Nyissa meg a csomagvezérlőt a / ctrl + shift + P paranccsal, és válassza a 'Package Control: Package Install' opciót. Ezután töltse le a két plugint.

  1. SublimeLinter-eslint
  2. SublimeLinter-járulék-eslint

A SublimeLinter a szöszölést biztosító keretrendszer. Nem jár különféle nyelvek támogatásával. A nyelvspecifikus Lintert külön kell telepíteni.

A Sublime-contrib-eslint plugin interfészként működik az ESLint és a SublimeLinter között. Ellenőrizheti a telepítési eljárást a fő webhelyükön, ha bárhol elakad.

A beépülő modulok sikeres telepítése után vissza kell állítania a szerkesztőt, hogy a módosítások életbe lépjenek. Most látni fogjuk az ESLint működését!

2. lépés

Phew! Nagyon sok installáció volt. Végül pedig megnézheti Linting fantasztikumát! Nyissa meg a fájlt Sublime-ban, és nézze meg a hatalmat ... de várjon, hogy semmi sem történt. Miert van az? Ne izgulj. Mindent helyesen telepített, de az ESLint önmagában nem tesz semmit. Meg kell adnia az alapkonfigurációt, és ez egy nagyon egyszerű folyamat. Itt van, hogyan:

  1. Indítsa el a terminálprogramot a projekt saját könyvtárában
  2. Írja be ezt a parancsot
eslint --init

Megjelenik egy pár kérdés, amelyben feltesz néhány kérdést a kódolási beállításokkal kapcsolatban, és egy '.eslintrc' fájl jön létre az Ön számára. Ez a fájl tartalmazza az imént kiválasztott szabályokat. Hozzáadhat további konfigurációkat, ha úgy dönt.

Amint láthatja, az ESLint panaszkodik a behúzásról és arról, hogy a foo változót sehol sem használják. Bármely hibát vagy figyelmeztetést ellenőrizhet úgy, hogy az egérrel a kód kiemelt része fölé viszi az egeret, vagy az üzenetet a Sublime alján található állapotsoron ellenőrzi.

Szóval ennyi volt! Remélem, tudta követni. A Linting egy nagyon jó eszköz a kód hibáinak felderítésére. Biztosítja, hogy mindig betartsa a kódra vonatkozó irányelveket és tiszta kódot írjon. Remélem, hogy mindannyian hasznosnak találták ezt a bejegyzést, és mint mindig, a boldog kódolást!