Sublime Text 3 — пользовательская подсветка синтаксиса
Расширяемость Sublime Text не знает границ. Для тех, кому мало стандартных функций, на Хабре уже рассказывали о том, как создать сниппет, как написать простой плагин, как написать сложный плагин и еще много много чего. Про ручную настройку подсветки синтаксиса толком ничего не смог найти: для кого-то слишком очевидно, кому-то просто не нужна, а кому-то и наверняка же пригодится.
Итак, задача: имея какие-нибудь абстрактные логи доступа в wonder-net:
выделить:
Дату-время — фиолетовым курсивом;
Номер карты — желтым курсивом, если не в черном списке или красным, если иначе;
ip-адрес — темно-зеленым, если не в черном списке или красным, если иначе;
scod=хх — темно-зеленым если 00 или красным, если иначе.
В нашу цветовую схему нужно добавить стили, которыми мы собираемся подсвечивать текст. Насколько я понял, все цветовые схемы аккуратно собраны в файле c:\Program Files\Sublime Text 3\Packages\Color Scheme — Default.sublime-package.
Файл представляет собой zip архив без сжатия. Распаковываем, выбираем любимую схему (по умолчанию Monokai.tmTheme) и копируем ее в…(запускаем Sublime Text: меню Preferences — Browse Packages) папку User.
Открываем свежескопированный Monokai.tmTheme для редактирования. В самом низу перед закрывающимся </array> добавляем блоки стилей. Стиль может содержать три параметра: background, foreground и fontStyle. fontStyle в свою очередь bold, italic и underline.
фиолетовый курсив будет выглядеть так:
жирный желтый(ЖЖ):
2. В той же папке User создаем файл синтаксиса: wonderLog.tmLanguage с содержимым:
На примере видно, что если несколько регулярных выражений претендуют закрасить цвет по-разному, то приоритет будет у того, которое описано выше (первее).
Выбираем пользовательскую цветовую схему: Preferences — Color Scheme — User — Monokai.
Открываем наш чудо-лог (если расширение файла не совпадает с шаблонным, делаем View — Syntax — wonderLog) и наслаждаемся результатом:
Как сделать подсветку LESS в Sublime Text 3
Подсветка less кода
Привет, друзья! Проходила курсы по основам Nodejs, Gulp и сейчас LESS, в которых было много примеров с less кодом. Этот код отображался белым цветом, потому что Sublime Text не понимал, что это за код.
И почему бы сразу не поставить LESS, ведь сделать это очень просто:
1. Проверим, установлен LESS или нет, для чего в командной строке напишем C:>lessc
1.1. Если вы увидели вот такое сообщение lessc: no input files значит LESS установлен и переходим к п. 2;
1.2. Если не увидели сообщение, тогда нужно установить LESS, о чем появится у меня статья.
2. Идем в Sublime Text 3, нажимаем сочетание клавиш Ctrl + Shifh + P
2.1. Появится окно, в строке поиска начинайте набирать package, увидите список, из которого выбирайте Package Control: Install Package
Package Control: Install Package
3. Теперь в новом окне начинаем набирать less, где нам нужен LESS. В описании на английском так и сказано: LESS syntax highlighting for Sublime Text — Подсветка синтаксиса для Sublime Text:
LESS syntax highlighting
3.1. После успешной установки пакета LESS, вы увидите сообщение Package Control Message, значит всё ок:
Package Control Message
В том списке доступны и другие пакеты для инсталляции, в частности:
LESS-Build — компиляция CSS в LESS при вызове Tools > Build или сочетании клавиш Ctrl+B;
less2css — автокомпиляция LESS в CSS при сохранении.
Меня интересовала только подсветка LESS кода, а компиляцию делает gulp; в разделе Gulp есть несколько уроков по знакомству с ним. В последнем уроке в самом конце можно скачать готовый рабочий пакет gulp.
На этом всё! Для меня вопрос был очень актуальным с подсветкой синтаксиса, а решение настолько простое, что всегда задаешь себе вопрос: «Ну почему я не сделала это раньше?! Это же так просто!»
Sublime text как сделать подсветку синтаксиса
Программирование на C++ в Unreal Engine 5
Данный курс научит Вас созданию игр на C++ в Unreal Engine 5. Курс состоит из 12 разделов, в которых Вас ждёт теория и практика. Причём, в качестве практики будет создан весьма крупный проект объёмом свыше 5000 строк качественного кода, который уже на практике познакомит Вас с принципами создания игр на C++ в Unreal Engine 5.
Параллельно с курсом Вы также будете получать домашние задания, результатом которых станет, в том числе, полноценная серьёзная работа для портфолио.
Помимо самого курса Вас ждёт ещё и очень ценный Бонус: «Тестирование Unreal-проектов на Python», в рамках которого Вы научитесь писать очень полезные тесты для тестирования самых разных аспектов разработки игр.
Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.
Подписаться
Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.
Подписаться
Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.
Как включить подсветку синтаксиса в Sublime Text 3
Когда вы пишете код, использование гибкого текстового редактора может быть очень полезным. Sublime Text 3 — очень гибкий текстовый редактор с множеством полезных функций. Одна из этих функций называется «Подсветка синтаксиса». Подсветка синтаксиса применяет цвета к синтаксису в вашем коде, чтобы с первого взгляда было легче понять, что означают определенные части кода. Подсветка синтаксиса также может сделать код более читабельным, поскольку структура более визуально определена.
Подсветка синтаксиса применяет цвета к синтаксису кода как способ повысить визуальную четкость и облегчить чтение.
Совет: Синтаксис — это набор правил, описывающих структуру языка. Синтаксис может сильно различаться между языками.
Подсветку синтаксиса можно настроить в соответствии с синтаксисом любого из 74 языков и вариантов языков, включенных в Sublime Text 3.
Совет: выделение синтаксиса применяется ко всему документу, невозможно настроить часть кода для использования другого набора правил выделения синтаксиса.
Как включить подсветку синтаксиса
Чтобы вручную включить подсветку синтаксиса в документе, нажмите «Просмотр» на верхней панели, затем наведите указатель мыши на «Синтаксис» примерно на полпути вниз раскрывающегося списка. Затем выберите язык, который вы используете, во втором уровне раскрывающегося списка. После выбора языка Sublime Text будет использовать подсветку синтаксиса для этого языка.
Чтобы включить подсветку синтаксиса, нажмите «Просмотр» на верхней панели, затем наведите указатель мыши на «Синтаксис» и выберите свой язык программирования из списка.
В качестве альтернативы, если вы сохраните документ с поддерживаемым расширением файла, Sublime Text 3 автоматически применит подсветку синтаксиса для этого языка. Например, если вы сохраните документ с расширением файла «.py» для документов Python, тогда Sublime Text 3 автоматически включит подсветку синтаксиса Python.
Совет: Чтобы отключить выделение синтаксиса, выберите «Обычный текст» из списка поддерживаемых языков.