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

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

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

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

  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 сможет вам помочь.

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

Текст

Михаил Полянин


Редактор

Максим Ильяхов


Художник

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


Корректор

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


Вёрстка

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


Соцсети

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

Получите ИТ-профессию
В «Яндекс Практикуме» можно стать разработчиком, тестировщиком, аналитиком и менеджером цифровых продуктов. Первая часть обучения всегда бесплатная, чтобы попробовать и найти то, что вам по душе. Дальше — программы трудоустройства.
Начать карьеру в ИТ
Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию
Еще по теме
Сложный тест. Настоящий писатель или нейронка?
Сложный тест. Настоящий писатель или нейронка?
hard
Бесплатные хостинги. Да, бесплатные

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

medium
Как писать код и сразу видеть результат

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

medium
Зачем вам jQuery
Зачем вам jQuery

Каждый год говорят о том, что jQuery уже не тот, но продолжают его использовать. Почему? Вот почему.

medium
SQLite — самая простая база данных, которая работает везде
SQLite — самая простая база данных, которая работает везде

На вашем смартфоне она тоже есть

medium
Как работает шифрование в мессенджерах
Как работает шифрование в мессенджерах

Секретная переписка.

hard
Что такое классы в объектно-ориентированном программировании

Глубокое погружение в самую сложную и неинтуитивную область программирования.

medium
Почему устают глаза от телефона
Почему устают глаза от телефона

Всё дело в ШИМ и мерцании

easy
Как работают пуш-уведомления
Как работают пуш-уведомления

Простое объяснение простой технологии

medium
easy