Этот урок связан с проектом Используем LESS

Настраиваем подсветку синтаксиса LESS в Notepad++

Бесплатный редактор Notepad++ - отличный инструмент для работы с веб проектами и великолепная замена стандартному Notepad. Одним из замечательных свойств Notepad++ является подсветка синтаксиса различных языков программирования. Но LESS не входит в список. Однако, благодаря другим возможностям редактора, можно организовать подсветку синтаксических конструкций замечательного препроцессора.

Notepad++ и LESS

Конечно, можно самому определять все правила для подсветки. Но гораздо быстрее и проще скачать готовый XML файл и импортировать его в редактор.

Чтобы импортировать определения нужно открыть меню Вид->Задать подсветку синтаксиса... и в открывшемся окне диалога нажать кнопку Импорт.

Импорт определений для подсветки синтаксиса

Затем выбираем загруженный XML файл с определениями и импортируем его. После перезапуска редактора в списке доступных языков программирования появится LESS.

Выбор языка программирования для подсветки синтаксиса

Теперь можно включить подсветку синтаксиса в своих LESS файлах.

\Но остается еще вопрос с символом экранирования ~. Он не включен в файл определений для подсветки синтаксиса. Дело легко поправить с помощью средств Notepad++. Открываем диалог Настройки подсветки синтаксиса, выбираем LESS в списке доступных языков программирования, ставим галочку в чекбоксе Разрешить Escape-символ: и вводим символ ~ в расположенное рядом текстовое поле.

Настройки экранивроания

Надо отметить, что определения подсветки синтаксиса LESS могут плохо сочетаться с нестандартными стилями оформления интерфейса Notepad++. Поэтому, если вы используете какие-то свои темы для редактора, то стоит проверить, как будут выглядеть LESS файлы.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: thingsilearned2day.wordpress.com/2011/07/07/how-to-enable-syntax-highlighting-for-less-in-notepad/
Перевел: Сергей Фастунов
Урок создан: 22 Октября 2012
Просмотров: 35247
Правила перепечатки


5 последних уроков рубрики "CSS"

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 6 Ноября 2012 14:13
    azim.hikmatov
    Не проще в просто в Style Configurator'e дописать к CSS свой user-extension: http://imgur.com/4zCdO
  • 7 Ноября 2012 17:27
    Revy
    Для PHPdesigner бы такую подсветку реализовать...
    • 9 Декабря 2012 15:25
      soft
      В PHPdesigner всё делается просто - заходите Инструменты - Установки. Далее выбираете Общий - Типы документа. Далее в поле CSS дописываете *.less - в конечном итоге в поле должно быть *.css; *.less И вуаля - файл с расширением .less воспринимается программой как файл css? т.е. работает подсветка и автоподстановка кода.
  • 16 Октября 2014 17:29
    prostonatash
    ссылка на файл не работает выдаёт ошибку
^ Наверх ^