Настраиваем подсветку синтаксиса LESS в Notepad++
Бесплатный редактор Notepad++ - отличный инструмент для работы с веб проектами и великолепная замена стандартному Notepad. Одним из замечательных свойств 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"
-
Забавные эффекты для букв
Небольшой эффект с интерактивной анимацией букв.
-
Реализация забавных подсказок
Небольшой концепт забавных подсказок, которые реализованы на SVG и anime.js. Помимо особого стиля в примере реализована анимация и трансформация графических объектов.
-
Анимированные буквы
Эксперимент: анимированные SVG буквы на базе библиотеки anime.js.
-
Солнцезащитные очки от первого лица
Прикольный эксперимент веб страницы отображение которой осуществляется “от первого лица” через солнцезащитные очки.
-
Раскрывающаяся навигация
Экспериментальный скрипт раскрывающейся навигации.