Линтеры для начинающих

Красивый код с самого начала.

Линтеры для начинающих

Недавно мы писали про линтеры: как они проверяют код на ошибки и делают его более красивым. Если коротко, то линтеры работают так:

  1. Берут ваш код
  2. Форматируют его по заданным правилам.
  3. Исправляют простейшие ошибки — ставят незакрытые фигурные скобки или пропущенные точки с запятой. 
  4. Если умеют — проверяют код на более сложные ошибки и сообщают о них.

Всё это — чтобы исправлять неаккуратности за программистами. 

В этой статье — примеры линтеров, которые можно подключить хоть сейчас и получить чистый код уже к концу прочтения. 

👉 Линтеры из обзора мы проверяли в VS Code и Sublime text 3. Для запуска проверки и форматирования открытого кода в VS Code нажмите в пустом месте правой кнопкой мыши и выберите пункт «Форматировать документ с помощью…» или «Format Document With…»:

Примеры линтеров для начинающих

Beautify — линтер для HTML

Расширение для VS Code

HTML-линтер, который следит за внешним видом кода страницы и форматирует его по заданными правилам. Умеет разбивать по строкам несколько команд, если они написаны в одной строке друг за другом.

Было: стили в одну строку, комментарии на той же строке, что и команды, несколько html-тегов на строке подряд
Было: стили в одну строку, комментарии на той же строке, что и команды, несколько html-тегов на строке подряд
Стало: красиво и понятно, каждая команда и комментарий — на своей строке
Стало: красиво и понятно, каждая команда и комментарий — на своей строке

CSS

Если вы пишете не очень большой CSS-код, вам вполне хватит того же Beautify. Но если вы решили заняться стилями всерьёз и установили CSS-препроцессор, чтобы писать код ещё быстрее, посмотрите на Beautify css/sass/scss/less.

Уже по названию видно, что этот плагин работает не только с CSS, но и с форматами всех популярных препроцессоров. Устанавливается и работает точно так же, как и остальные, можно создать свои правила обработки кода или настроить под себя те, что есть.

JavaScript

JSLint — один из самых старых и самых строгих линтеров для JavaScript. Он проверяет вообще всё: 

  • мелкие ошибки типа точки с запятой,
  • неиспользуемые переменные,
  • взаимные зависимости в функциях,
  • порядок параметров при вызове функций,
  • выполнится ли этот фрагмент кода когда-нибудь или нет,
  • бесконечные рекурсии,
  • утечки памяти.

Если ваш код проверил JSLint и не нашёл ни одной ошибки — поздравляем, вы постигли JS-дзен.

В Sublime Text 3 JSLint подсвечивает строки с ошибкой и даёт подробное описание, что именно здесь не так
В Sublime Text 3 JSLint подсвечивает строки с ошибкой и даёт подробное описание, что именно здесь не так

JSHint работает почти точно так же, как и предыдущий линтер, но проверяет менее строго. Идеальный инструмент для тех, кто только начинает писать код — он покажет критичные ошибки и не будет требовать соблюдения всех канонов языка JavaScript.

JSHint может показать все ошибки прямо в окне редактора кода
JSHint может показать все ошибки прямо в окне редактора кода

PyLint — линтер для Python

Pylint.org — самый популярный линтер для Python, который проверяет почти всё:

  • используется ли модуль, который подключили в самом начале;
  • длину строк;
  • как объявляются переменные и функции;
  • правильно ли используются аргументы при вызове;
  • синтаксические ошибки;
  • как используются типы данных;
  • нет ли логических ошибок в коде, которые могут привести к непредсказуемому результату.

Если вам нужно что-то проверить в коде, скорее всего, PyLint сможет вам помочь.

Если нажать на строчку с ошибкой, курсор перейдёт к нужному участку кода



Художник

Даня Берковский


Корректор

Ирина Михеева


Вёрстка

Мария Дронова


Соцсети

Олег Вешкурцев

Через год — лучше работа, выше зарплата
В «Яндекс Практикуме» становятся разработчиками с нуля. Выберите язык — веб, Python, Java, C++ — и учитесь. Джуны зарабатывают от 80 000 ₽, мидлы — от 150 000 ₽. Дальше — программы трудоустройства и компенсация, если пойдёте в Яндекс.
Через год — лучше работа, выше зарплата Через год — лучше работа, выше зарплата Через год — лучше работа, выше зарплата Через год — лучше работа, выше зарплата
Вам может быть интересно
Код и IDE (integrated development environment)
Код и IDE (integrated development environment)

Обзор инструментов крутых программистов.

medium
Сложный тест. Настоящий писатель или нейронка?
Сложный тест. Настоящий писатель или нейронка?
hard
Подборка из 8 лучших бесплатных хостингов
Подборка из 8 лучших бесплатных хостингов

Поднимайте сайт, закачивайте файлы и программируйте, что вам нужно. Это бесплатно.

medium
Что такое условие в программировании
Что такое условие в программировании

Самая частая конструкция в программировании

easy
Что такое интерфейс
Что такое интерфейс

Отзывчивый, предсказуемый, твой

easy
Какие типы компьютерной памяти бывают
Какие типы компьютерной памяти бывают

Краткий обзор для тех, кто не хочет глубоко копать.

medium
Препроцессоры CSS: что это такое и зачем они нужны
Препроцессоры CSS: что это такое и зачем они нужны

Что такое препроцессоры CSS и зачем они нужны.

medium
Что может узнать о вас любой сайт
Что может узнать о вас любой сайт

Для чего он это делает и как

easy
Роман Халкечев, руководитель отдела аналитики в Яндекс.Еде и Лавке
Роман Халкечев, руководитель отдела аналитики в Яндекс.Еде и Лавке

Часть 2: о Яндекс.Еде и Лавке, аналитических задачах и оптимизации бизнеса на основе данных.

easy
easy