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

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

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

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

  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
Haskell — ленивый язык программирования
Haskell — ленивый язык программирования

Он сам решает, что и когда нужно посчитать.

easy
Разбор: как устроены технически очки Apple Vision Pro
Разбор: как устроены технически очки Apple Vision Pro

Круто, дорого, технологично

easy
Регулярные выражения в Python
Регулярные выражения в Python

И почему их не нужно использовать слишком часто

hard
Мистическая история про огромную утечку паролей в интернете
Мистическая история про огромную утечку паролей в интернете

Возможно, среди них есть и наши

easy
Все опять заговорили про VPN. Что это такое, объясни мне!
Все опять заговорили про VPN. Что это такое, объясни мне!

Мы не можем вам сказать. Но можем показать.

medium
easy