Керівництво по використанню SublimeLinter для розробників

Лінтер є незамінним інструментом у сучасній веб-розробці. Це допомагає нам залишатися в курсі помилок і застосовувати найкращі практики при написанні кодів. Якщо ви використовуєте SublimeText, я настійно рекомендую встановити SublimeLinters. Протягом багатьох років компанія SublimeLinters отримала пакет програмного забезпечення в SublimeText і принесла офіційні пакунки, які підключаються до різних мов програмування..

У цьому підручнику ми побачимо, як встановити та встановити SublimeLinter. Давайте просто почнемо.

Починаємо

Найпростіший спосіб встановити SublimeLinter 4 - це управління пакетами SublimeText. З тих пір в Росії SublimeLinter 3, кожен linter повинні бути встановлені окремо. Це дозволяє SublimeLinter працювати більш ефективно, тільки запустивши лінтер що ми встановили.

Оскільки я використовую HTML, CSS, JS і PHP більшу частину часу в своїх проектах, я хотів би встановити linters для цих мов. В Управління пакетами, Я встановлюю SublimeLinter разом з такими плагінами:

• SublimeLinter-html-tidy
• SublimeLinter-stylelint
• SublimeLinter-eslint
• SublimeLinter-php

Тоді для того, щоб ці плагіни працювали, нам також потрібно встановити linter для мов, які є HTML Tidy, CSSLint, JSHint і PHP CLI.

Для тих, хто використовує OSX, Tidy і PHP попередньо встановлені в системі. Щоб перевірити, виконайте наступні дві команди послідовно.

 tidy --version php --version 

Ці команди покажуть вам версію Tidy і PHP. Ви можете переходити до їх використання в Sublime Text.

Якщо ви працюєте в ОС Windows або Linux, або не встановлено їх, ви можете дотримуватися наведених нижче інструкцій.

Встановлення HTML Tidy

Щоб встановити HTML Tidy:

• У OSX, запустіть цю команду в терміналі заварити встановити homebrew / dupes / tidy
• У Linux, використовуйте цю команду sudo apt-get install tidy.
• У Windows, Ви можете захопити інсталятор 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 linter під назвою Stylelint, який дозволить нам перевіряти і застосовувати найкращі практики в наших CSS-файлах. Наступна інструкція може слідувати на всіх трьох платформах: OSX, Windows і Linux. Я припускаю, що ви вже встановили Node.js з NPM.

Щоб встановити Stylelint, виконайте:

 npm install -g stylelint 

Зауважте, що вам також потрібно буде додати файл конфігурації Stylelint до каталогу проекту, додатково встановити попередньо визначений конфігурацію, наприклад stylelint-config-standard. Як тільки вони налаштовані, ви повинні знайти помилки, виділені нижче.

Встановлення ESLint

Ми також збираємося встановити ESLint, сучасний і висококонфігураційний linter для JavaScript. Це допоможе нам застосувати кращі практики, а також уловити потенційні помилки під час написання JavaScript. Встановлення ESLint також вимагає Node.js з NPM.

Щоб встановити його, запустіть.

 npm install -g eslint 

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

Ми всі готові. Ми можемо почати linting HTML, CSS, JS і PHP в SublimeText з використанням SublimeLinter 4.

Нові можливості в SublimeLinter 4

SublimeLinter 4 приносить кілька нових можливостей, і той, який легко помітний, це панель, яка відображає всі помилки відкритих файлів. Якщо ви перебуваєте в Mac, натисніть Command + Ctrl + A. У Windows і Linux можна натиснути Ctrl + K, Ctrl + A.

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

Використовувати ↑ і ↓ для переміщення по списку, і сторінка прокрутить до точної лінії, де сталася помилка.

Краще візуальне

Тепер ми можемо навести курсор на жолоб в редакторі або просто рядок, де відбувається помилка, щоб переглянути повідомлення про помилку. Це було неможливо в попередній версії.

Висока конфігурація

SublimeLinter 4 тепер більш налаштовується, ніж будь-коли раніше. Наприклад, ми можемо тепер мити “стилів” до кожної конфігурації linter. Це дозволяє нам окремо встановлювати значки, кольори, режими lint, шляху та середовища для кожного linter.

Додаткова довідка

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

• Офіційний документ SublimeLinter
• Lint в програмному забезпеченні та програмуванні - WikiPedia
• Репозиторії SublimeLinter