Како отклонити своје проблеме у Узвишеном

Сублиме је лаган уређивач текста и прилично је популаран међу многим веб програмерима. Сада знам да на тржишту постоји много софистицираних ИДЕ-а са интеллисенсе-ом, довршењем кода и слично. Али овај пост је за оне који су остали одани својим омиљеним уредницима текста! Дакле, ако за своје пројекте користите Сублиме, можда ћете уживати у неким сјајним функцијама које нуди. Линтинг је један од њих.

Кренимо од дефинисања појма „повезивање“.

Повезивање је поступак провере вашег кода за потенцијалне грешке. То може бити синтакса или стил кода.

Процес повезивања може се извршити током три фазе развоја:

  1. Путем вашег уређивача (повезивање уживо)
  2. Кроз процес израде
  3. Коришћење куке пре урезивања у контроли верзија

У овом посту ћемо истражити повезивање уживо у едитору. Постоји много популарних линтера за ЈаваСцрипт попут ЈСХинт, ЈСЦС и ЕСЛинт. Користићу ЕСЛинт, јер ЕСЛинт подржава ЕС6 код, изузетно је проширив и врло је лак за употребу. Ако сте заинтересовани, овде можете погледати поређење различитих линтера!

Корак 1

Прво треба да инсталирате ЕСЛинт нпм пакет. Команда је следећа:

npm install -g eslint

Опција '-г' је инсталирање пакета на глобалном. Инсталирајте 'нпм' ако га већ нисте инсталирали. У Сублимеу ће се отворити датотека у којој ће се тражити да преузмете још два додатка. Морате да инсталирате ове додатке помоћу Сублиме-ове контроле пакета.

Отворите контролу пакета помоћу команде / цтрл + схифт + П и изаберите опцију „Контрола пакета: Инсталирај пакет“. Затим преузмите два додатка.

  1. СублимеЛинтер-еслинт
  2. СублимеЛинтер-цонтриб-еслинт

СублимеЛинтер је оквир који омогућава повезивање. Не долази са подршком за различите језике. Линтер за језик мора бити инсталиран одвојено.

Додатак Сублиме-цонтриб-еслинт делује као интерфејс између ЕСЛинт-а и СублимеЛинтер-а. Процедуру инсталације можете проверити на њиховој главној веб локацији ако негде запнете.

Након успешне инсталације додатака, морате ресетовати уређивач да би промене ступиле на снагу. Сада ћемо видети ЕСЛинт на делу!

Корак 2

Фуј! То је било пуно инсталација. Сада, коначно, можете проверити сјајност Линтинга! Отворите своју датотеку у Сублимеу и погледајте моћ ... али сачекајте да се ништа није догодило. Зашто је то? Не секирај се. Све сте правилно инсталирали, али ЕСЛинт сам по себи не ради ништа. Треба да наведете основну конфигурацију, а то је врло једноставан процес. Ево како:

  1. Покрените програм терминала у матичном директоријуму вашег пројекта
  2. Откуцајте ову наредбу
eslint --init

Појавиће се упит који вам поставља неколико питања о вашим преференцама кодирања и за вас се генерише датотека .еслинтрц. Ова датотека садржи правила која сте управо изабрали. Можете додати додатне конфигурације ако то одлучите.

Као што видите, ЕСЛинт се жали на увлачење и чињеницу да се променљива фоо нигде не користи. Било коју грешку или упозорење можете проверити лебдењем изнад истакнутог дела кода или провером поруке у статусној траци Сублиме-а на дну.

Па то је било то! Надам се да сте могли да наставите даље. Повезивање је прилично кул алат за откривање грешака у коду. Обезбеђује да се увек придржавате смерница кода и пишете чисти код. Надам се да вам је свима овај пост био користан и као и увек срећно кодирање!