Налаштування sublime text 3 для веб-розробки

1. Уявімо що ви вже встановили ST3 на свій Win 7 і встановили Package Control.

2. Тепер необхідно поставити додаткові пакети в ST3. Йдемо в Preferences -> Package Control -> Install Packages
І встановлюємо такі пакети:

  • SublimeLinter
  • SublimeLinter-html-tidy
  • SublimeLinter-csslint
  • SublimeLinter-jsl
  • SublimeLinter-jshint
  • SublimeLinter-php
  • SublimeLinter-phplint
  • LESS
  • JSHint

3. Налаштування перевірки помилок синтаксису HTML
3.1. Викачуємо tidy.exe і кладемо його в будь-яку вподобану вам папку.
3.2. Додаємо шлях до цієї папки! з tidy.exe в змінну сердитися користувача windows (PATH), настройки якої, знаходяться в Мій комп'ютер -> Властивості -> Додаткові параметри системи -> Змінні середовища ... -> Вибираємо змінну «PATH» -> Тиснемо «Змінити» додаємо шлях.
УВАГА! Зверніть увагу на крапку з комою ";" після кожного шляху і не забудьте її прописати, а так само зверніть увагу на зворотний \ слеш.

4. Налаштування перевірки помилок синтаксису CSS
4.1. Завантажуємо і встановлюємо node.js
4.2. Додаємо шлях до папки (до папки!) З node.js в PATH (шлях приблизно наступний: C: \ Users \ User_name \ AppData \ Roaming \ npm)! Незабутній про крапку з комою.
4.3. Встановлюємо csslint. Для цього - запускаємо командую рядок Windows від імені адміна і пишемо: npm install -g csslint

6. Налаштування перевірки помилок синтаксису PHP
6.1. Чи не для php в збірці Denwera!
6.2. (UPDATE) Справа в тому, що багато (в тому числі і я) в якості локального сервера ставлять собі Denwer. І чорт його знає чому (не вдавався в подробиці), але PHP Денвера не сприймається ST3, хоч убий. Він може виводити помилки PHP в консоль ST3, але підсвічування синтаксису так і не буде.
P.S. Я спеціально додав цей пункт, тому що на багатьох форумах пишуть, що ставимо PHP, налаштовуємо пакети ST3 і буде вам щастя. Але щастя не відбувається, тому що пункт з установкою PHP зазвичай відразу опускається через надії на працездатність (придатність) denwer-a.
6.3. Тому, відразу йдемо сюди і викачуємо PHP. Установка PHP - просто розархівуйте архів в будь-яку папку і пропишіть шлях до цієї папки в PATH (пункт 3.2.)
6.4. Якщо у вас був прописаний в PATH шлях до папки з PHP Денвера, то обов'язково видаліть його.
7. Файл конфігурації SublimeLinter.sublime.settings

Необхідно поправити ШЛЯХУ ДО tidy.exe і php.exe

8. Перезапускаємо Sublime Text
Буває що деякі забувають про режим debug mode у Sublimelinter. Щоб його включити, тиснемо правою кнопкою миші в будь-яке місце області редагування ST3 -> SublimeLinter -> Debug Mode

Схожі статті