Руководство по использованию SublimeLinter для разработчиков

ЛИНТЕР является незаменимым инструментом в современной веб-разработке. Это помогает нам контролировать ошибки и применять передовые методы при написании кодов. Если вы используете SublimeText, я настоятельно рекомендую установить SublimeLinters. За прошедшие годы SublimeLinters превратилась в набор мощных инструментов в SublimeText и представила официальные пакеты, которые подключаются к линтерам различных языков программирования..

В этом уроке мы увидим, как установить и настроить SublimeLinter. Давайте просто начнем.

Начиная

Самый простой способ установить SublimeLinter 4 - через пакетный контроль SublimeText. С тех пор в SublimeLinter 3, каждый ЛИНТЕР должен быть установлен отдельно. Это позволяет SublimeLinter работать более эффективно, только запустив пуха что мы установили.

Поскольку я использую HTML, CSS, JS и PHP большую часть времени в своих проектах, я бы хотел установить линтеры для этих языков. в Контроль пакетов, Я устанавливаю SublimeLinter вместе со следующими плагинами:

• SublimeLinter-HTML-опрятный
• SublimeLinter-stylelint
• SublimeLinter-eslint
• SublimeLinter-PHP

Затем, чтобы эти плагины работали, нам также нужно установить ЛИНТЕР для языков, таких как HTML Tidy, CSSLint, JSHint и PHP CLI.

Для тех из вас, кто использует OSX, Tidy и PHP предварительно установлены в системе. Чтобы проверить, выполните следующие две команды последовательно.

 tidy --version php - версия 

Эти команды покажут вам версию Tidy и PHP, которая у вас есть. Вы можете перейти к их использованию в Sublime Text.

Если вы работаете в Windows или Linux или не установили их, вы можете следовать приведенным ниже инструкциям..

Установка HTML Tidy

Чтобы установить HTML Tidy:

• В OSX, запустите эту команду в Терминале brew install homebrew / dupes / tidy
• В линуксе, используйте эту команду sudo apt-get установить приборку.
• В винде, Вы можете получить установщик EXE из TidyBatchFiles.

Установка PHP CLI

• Пользователи OSX могут установить PHP в систему с curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 команда. Это установит PHP 5.5, который является последней версией, на момент написания.
• Linux пользователи могут следовать этому всеобъемлющему руководству от DigitalOcean.
• Для пользователей Windows, Вы можете скачать установщик здесь.

Установка Styleint

Далее мы установим CSS-линтер под названием Stylelint, который позволит нам проверять и применять лучшие практики в наших CSS-файлах. Следующие инструкции могут выполняться на всех трех платформах: OSX, Windows и Linux. Я предполагаю, что вы уже установили Node.js с NPM.

Чтобы установить Stylelint, запустите:

 npm install -g stylelint 

Обратите внимание, что вам также необходимо добавить файл конфигурации Stylelint в каталог вашего проекта, дополнительно установить предопределенную конфигурацию, например stylelint-config-standard. После того, как они настроены, вы должны найти ошибки, выделенные, как показано ниже.

Установка ESLint

Мы также собираемся установить ESLint, современный и настраиваемый линтер для JavaScript. Это поможет нам применять лучшие практики, а также выявлять потенциальные ошибки при написании JavaScript. Для установки ESLint также требуется Node.js с NPM.

Чтобы установить его, запустите.

 npm install -g eslint 

Точно так же вам нужно будет добавить конфигурацию ESLint в ваш проект или использовать предопределенную конфигурацию, такую ​​как eslint-config-рекомендуемая.

У нас все готово. Мы можем начать пыление HTML, CSS, JS и PHP в SublimeText с использованием SublimeLinter 4.

Новые функции в SublimeLinter 4

SublimeLinter 4 предоставляет несколько новых функций, и одна из них, которая легко заметна, это панель, отображающая все ошибки открытых файлов. Если вы находитесь в Mac, нажмите Command + Ctrl + A. В Windows и Linux вы можете нажать Ctrl + K, Ctrl + A.

Горячая клавиша покажет список ошибок, как показано на следующем скриншоте.

Использовать ↑ а также ↓ перемещаться по списку, и страница будет прокручиваться до точной строки, где произошла ошибка.

Лучше визуальный

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

Сильно настраиваемый

SublimeLinter 4 теперь более настраиваемый, чем когда-либо прежде. Например, теперь мы можем на заказ “стили” к каждой конфигурации линтера. Это позволяет нам устанавливать значки, цвет, режим линта, путь и переменные среды для каждого линтера отдельно.

Дальнейшая ссылка

Я надеюсь, что это краткое введение поможет начать работу с SublimeLinter. Вы также можете обратиться к этой ссылке, если вы хотите больше продвинутых вещей.

• SublimeLinter Официальный Документ
• Lint в программном обеспечении и программировании - WikiPedia
• SublimeLinter Repositories