Этот урок связан с проектом Используем 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
Просмотров: 36487
Правила перепечатки


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

^ Наверх ^