Установка проверки кода (линтера) для Sublime Text 3

Admin JavaScript Errors, PHP Errors, Software

Текстовой редактор Sublime Text 3 позволяет проверять программистам и верстальщикам код на наличие ошибок в css, JavaScript, php и т.д. Если вы где-то ошиблись, то на соответствующей строчке высветится ошибка.

Программы для проверки ошибок называются линтерами.

Установка SublimeLinter

Для того, чтобы была возможность проверки кода надо установить из Package Control пакет SublimeLinter.

После установки SublimeLinter появится возможность устанавливать отдельные компоненты, которые и позволят задействовать эти инструменты.

Установка SublimeLinter-jshint

SublimeLinter-jshint — позволяет увидеть ошибки в коде на JavaScript.

Ссылка на инструкцию:
https://github.com/SublimeLinter/SublimeLinter-jshint

Краткая инструкция

1. Перед установкой компонентов на компьютере должен быть установлен Node.js.

2. Открываем Терминал. Пишем команду:

sudo npm install -g jshint

3. В Sublime Text 3 открываем установку пакетов и пишем SublimeLinter-jshint. Нажимаем на него, пакет установлен. Теперь если возникнет ошибка в JavaScript коде, вы сразу об этом узнаете.

В конце 14 строчки «забыта» запятая, слева на полях появились красные маркеры. Внизу сообщение об ошибке.

Установка SublimeLinter-csslint

SublimeLinter-csslint — показывает ошибки в CSS коде.

Ссылка на инструкцию:
https://github.com/SublimeLinter/SublimeLinter-csslint

Краткая инструкция

1. Точно также должен быть установлен Node.

2. В Терминале запускаем команду:

npm install -g csslint

3. В Sublime Text 3 устанавливаем пакет SublimeLinter-csslint.

Уведомление об ошибках в коде css.

Как видно на картинке выше показываются не только ошибки, но и рекомендации. Например, SublimeLinter-у не нравится, что используется описание стиля для идентификатора, а не для стиля.

Установка SublimeLinter-php

Пакет для проверки ошибок в PHP коде.

Ссылка на инструкцию:
https://github.com/SublimeLinter/SublimeLinter-php

Краткая инструкция

1. На компьютере должен быть установлен PHP. Возможно он уже установлен у вас, например, вместе с MAMP PRO. Если не установлен, по ссылке выше, есть ссылка на дистрибутивы.

2. В Sublime Text 3 устанавливаем пакет SublimeLinter-php.

Если ничего не заработало

После установки перезапустите программу Sublime Text 3.

У сайта нет цели самоокупаться, поэтому на сайте нет рекламы. Но если вам пригодилась информация, можете лайкнуть страницу, оставить комментарий или отправить мне подарок на чашечку кофе.

Комментарии к статье “Установка проверки кода (линтера) для Sublime Text 3” (2)

Добавить комментарий для Роман Отменить ответ

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи:
"Установка проверки кода (линтера) для Sublime Text 3"