Давайте сначала объясним, что такое линтер и зачем он вам нужен. Линтеры анализируют и проверяют исходный код, а затем анализируют синтаксис и структуру вашего кода, чтобы определить, не нарушает ли ваш код какие-либо стандартные правила. Если бы не линтер, разработчику или специалисту по контролю качества пришлось бы тратить дополнительное время на поиск ненужного или неработающего кода, теперь все это можно автоматизировать.

Один из самых популярных линтеров для Javascript называется ESLint. Это предпочтительный линтер, поскольку он может находить ошибки, обеспечивать соблюдение стандартных правил и, в зависимости от типа ошибок, давать предложения по их исправлению.

Каковы преимущества Руководства по стилю?

Так зачем использовать руководство по стилю? Руководство по стилю рекомендуется независимо от того, сколько человек в вашей команде. Это может быть просто вы, или это может быть команда из сотен человек. Руководство по стилю упрощает написание кода, потому что вам больше не нужно выносить суждения по определенным стилям, просто обратитесь к руководству, и оно обеспечивает ремонтопригодность для будущих разработчиков.

На данный момент доступно так много разных руководств. Руководство по стилю Airbnb Javascript - наиболее широко используемое руководство по стилю в настоящее время. Это связано главным образом с тем, что он охватывает почти все аспекты Javascript. Основываясь на моем исследовании, Руководство по стилю Google придерживается более строгих правил. Я не могу сказать, что одно руководство по стилю лучше другого, это просто предпочтение.

Давайте начнем!

Чтобы установить ESLint глобально, сначала запустите «npm install -g eslint» в своем терминале. С этого момента линтер будет доступен вам. Все остальное после этого будет переходить от одного проекта к другому. В следующий раз, когда вы начнете новый проект, просто начните со следующего шага: настройте файл конфигурации с помощью «eslint - - init» и выберите один из предложенных вариантов. Мы будем использовать руководство по стилю Airbnb.

После этого выбора сообщите программе, что вы будете использовать React в качестве фреймворка.

Мы выберем формат JSON для нашего файла конфигурации.

Теперь разрешите установку всех ваших зависимостей.

Наконец, перейдите в исходный каталог. У вас уже должен быть доступ к файлу .eslintrc, который может включать все ваши изменения. Продолжайте и добавьте настройки по умолчанию, указанные ниже для вашего набора правил, и ГОТОВО!

{
 “extends”: “airbnb”,
 “env”: {
 “node”: true,
 “es6”: true,
 “browser”: true
 },
 “rules”: { }
}

Заключение

Теперь, когда мы начинаем новый проект Javascript, ESLint будет готов к работе, просто начните со второго шага. Если вы используете VS Code, вы можете загрузить расширение ESLint, чтобы программа могла кричать на вас, пока вы кодируете. Удачи и удачного программирования!