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

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

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

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

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

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

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

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

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

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

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

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

CSS

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

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

JavaScript

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

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

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

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

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

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

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

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

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

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

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



Художник

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


Корректор

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


Вёрстка

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


Соцсети

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

Получите ИТ-профессию
В «Яндекс Практикуме» можно стать разработчиком, тестировщиком, аналитиком и менеджером цифровых продуктов. Первая часть обучения всегда бесплатная, чтобы попробовать и найти то, что вам по душе. Дальше — программы трудоустройства.
Вам может быть интересно
Код и IDE (integrated development environment)

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

medium
Подборка из 8 лучших бесплатных хостингов

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

medium
Сложный тест. Настоящий писатель или нейронка?
hard
Что актуально в веб-разработке: лето 2023-го

Тренды, фишки, направления

easy
Чего боятся начинающие разработчики и что с этим делать

Мы все проходили через это

easy
Типизация и аннотации типов данных в Python

Можно без неё, но с ней лучше

easy
Нейросети 2022 года, которыми может пользоваться каждый (почти)

Вот прямо сейчас взял и нагенерил бессмысленного чего-нибудь

easy
«Никто не верил, что я сама пишу код»

Анастасия Никулина: о дата-сайнс, ютубе и программировании.

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

Разбираем игру в Ним

easy
easy
[anycomment]
Exit mobile version