Kako riješiti svoje probleme u Uzvišenom

Programiranje

Sublime je lagan uređivač teksta i prilično je popularan među mnogim web programerima. Sada znam da na tržištu postoji mnogo sofisticiranih IDE-a s intellisense-om, dovršenjem koda i slično. Ali ovaj je post za one koji su ostali odani svojim omiljenim urednicima teksta! Dakle, ako za svoje projekte koristite Sublime, možda ćete uživati ​​u nekim izvrsnim značajkama koje nudi. Linting je jedan od njih.

Krenimo od definiranja pojma „povezivanje“.

Povezivanje je postupak provjere vašeg koda za potencijalne pogreške. To može biti sintaksa ili stil koda.

Postupak povezivanja može se provesti tijekom tri faze razvoja:

  1. Putem vašeg uređivača (povezivanje uživo)
  2. Kroz postupak gradnje
  3. Korištenje kuke prije urezivanja u kontroli verzija

U ovom postu istražit ćemo povezivanje uživo u uređivaču. Postoje mnogi popularni linteri za JavaScript poput JSHint, JSCS i ESLint. Koristit ću ESLint, jer ESLint podržava ES6 kod, vrlo je proširiv i vrlo je jednostavan za upotrebu. Ako ste zainteresirani, ovdje možete pogledati usporedbu različitih lintera!

Korak 1

Najprije morate instalirati ESLint npm paket. Naredba je sljedeća:

npm install -g eslint

Opcija '-g' je instaliranje paketa na globalnu. Instalirajte 'npm' ako ga već niste instalirali. U Sublimeu će se otvoriti datoteka u kojoj će se tražiti da preuzmete još dva dodatka. Te dodatke morate instalirati pomoću Sublime's Package Control.

Otvorite kontrolu paketa pomoću naredbe / ctrl + shift + P i odaberite opciju 'Kontrola paketa: Instaliraj paket'. Zatim preuzmite dva dodatka.

  1. UzvišeniLinter-eslint
  2. UzvišeniLinter-contrib-eslint

SublimeLinter je okvir koji omogućuje povezivanje. Ne dolazi s podrškom za različite jezike. Linter za jezik mora biti instaliran odvojeno.

Dodatak Sublime-contrib-eslint djeluje kao sučelje između ESLinta i SublimeLintera. Postupak instalacije možete provjeriti na njihovom glavnom web mjestu ako negdje zapnete.

Nakon uspješne instalacije dodataka, morate resetirati svoj uređivač da bi promjene stupile na snagu. Sada ćemo vidjeti ESLint na djelu!

Korak 2

Fuj! Bilo je to puno instalacija. Sada napokon možete provjeriti sjajnost Lintinga! Otvorite svoju datoteku u Sublimeu i pogledajte moć ... ali pričekajte da se ništa nije dogodilo. Zašto je to? Ne sekiraj se. Sve ste ispravno instalirali, ali ESLint sam po sebi ne čini ništa. Trebate navesti osnovnu konfiguraciju, a to je vrlo jednostavan postupak. Evo kako:

  1. Pokrenite program terminala u početnom direktoriju vašeg projekta
  2. Upišite ovu naredbu
eslint --init

Pojavljuje se upit koji vam postavlja nekoliko pitanja o vašim postavkama kodiranja i za vas se generira datoteka .eslintrc. Ova datoteka sadrži pravila koja ste upravo odabrali. Možete dodati dodatne konfiguracije ako to odlučite.

Kao što vidite, ESLint se žali na uvlačenje i činjenicu da se varijabla foo nigdje ne koristi. Bilo koju pogrešku ili upozorenje možete provjeriti lebdenjem iznad označenog dijela koda ili provjerom poruke u statusnoj traci Sublime-a na dnu.

Pa to je bilo to! Nadam se da si uspio pratiti to. Povezivanje je prilično kul alat za otkrivanje pogrešaka u kodu. Osigurava da se uvijek pridržavate smjernica za kôd i pišete čisti kôd. Nadam se da vam je svima ovaj post bio koristan i kao i uvijek sretno kodiranje!