Аирбнб стилски водич је скуп смерница за писање чистог и доследног кода. Објављен је 2012. године и од тада је постао један од најпопуларнијих стилских водича за ЈаваСцрипт пројекте.
Пружа скуп смерница за писање доследног кода који се лако одржава применом различитих стилова правила о увлачењима, коментарима, максималној дужини реда, конвенцијама именовања променљивих, наводницима и дефиницијама функција. Да бисте подесили Аирбнб стилски водич у ЈаваСцрипт пројекту, потребно је да користите алатку за линтинг као што је ЕСЛинт.
Инсталирајте ЕСЛинт
ЕСЛинт је ЈаваСцрипт отвореног кода алат за линтинг који помаже програмерима да пишу чист код проналажењем и решавањем проблема. Може да открије проблеме у вашем коду као што су синтаксичке грешке, неважећи параметри и недефинисане варијабле. Када покренете ЕСЛинт са - -поправи таг, аутоматски идентификује и поправља све проблеме у коду који се могу поправити, чиме вам штеди време.
Можете да користите ЕСЛинт да примените стилске водиче као што је Аирбнб стилски водич.
Да бисте започели, покрените следећу команду у терминалу да бисте инсталирали ЕСЛинт као зависност од програмера:
нпм инсталл --саве-дев еслинт еслинт-цонфиг-аирбнб
Затим иницијализујте ЕСЛинт.
нпк еслинт --инит
Бићете упитани са питањима о вашем пројекту. Када се од вас затражи:
? Како бисте желели да користите ЕсЛинт?
Изаберите ову опцију:
> Да бисте проверили синтаксу, пронашли проблеме и применили стил кода
Одговорите на следећа питања у складу са вашим пројектом док не наиђете на следећи упит.
? Како бисте желели да дефинишете стил за свој пројекат?
Затим одговорите на следећи начин.
> Користите популарни водич за стил
Изаберите Аирбнб стилски водич за следећи упит.
? Који стилски водич желите да пратите?
> Аирбнб:
На крају, инсталирајте потребне зависности тако што ћете изабрати „Да“ у следећем одзивнику.
Када се инсталација заврши, требало би да имате а .еслинтсрц.јсон датотеку у корену ваше фасцикле.
Прилагођавање Аирбнб водича за стил
Аирбнб стилски водич омогућава прилагођавање. Можете додати додатна правила или поништити постојећа правила у .еслинтсрц.јсон конфигурациони фајл.
На пример, да бисте дозволили максимално 80 знакова по реду, можете додати ово правило у одељку правила.
{
"проширује": [
"додатак: реаговати/препоручено",
"аирбнб"
],
"Правила": {
"макс-лен": ["грешка", { "шифра": 80 }]
}
}Покретање ЕСЛинт-а у пакету.јсон
Додајте скрипту у пацкаге.јсон датотеку за покретање ЕСЛинт-а.
"скрипте": {
"влак": "еслинт"
}
Покрените скрипту линт да проверите да ли постоје грешке у вези са линтингом тако што ћете извршити ову команду.
нпм рун линт
Такође можете додати скрипту за решавање проблема у коду помоћу --поправи застава.
"скрипте": {
"влак": "еслинт",
"линт: поправити": "нпм рун линт -- --поправи"
},
Трчање нпм рун линт: поправити на терминалу ће аутоматски решити све проблеме које линтер може да реши.
Омогућите Линтинг при чувању у ВС коду
Покретање скрипте сваки пут када желите да убаците свој код може бити заморно. Пратите доле наведене кораке да бисте омогућили линтинг при чувању у ВС коду.
- Идите на картицу „Проширења“ на левој страни прозора ВС кода.
- Потражите ЕСЛинт екстензија и инсталирајте га.
- Када је проширење инсталирано, отворите подешавања ВС кода (Датотека > Преференце > Подешавања или притиском на Цтрл +,).
- У уређивачу подешавања потражите „акције кода при чувању“.
- Кликните на „Уреди у сеттингс.јсон“ и додајте следећа подешавања у сеттингс.јсон фајл.
{
"едитор.цодеАцтионсОнСаве": {
"соурце.фикАлл.еслинт": истина
},
"еслинт.валидате": ["јавасцрипт"],
"еслинт.рун": "онСаве",
}
Ово омогућава проширењу ЕСЛинт да аутоматски поправи ваш код када га сачувате.
Предности коришћења водича за стил
Главна предност коришћења стилског водича као што је Аирбнб водич за стил је та што вам помаже да одржите конзистентну базу кода. Ово је корисно у тиму јер програмери могу лако да разумеју и допринесу бази кода. Такође вам помаже да примените најбоље праксе и избегнете уобичајене грешке у кодирању.