Подсветка синтаксиса LESS и CSS3

6763
mingos

Я нашел этот пост на SU, но, похоже, он не отвечает моим потребностям, поэтому я задам аналогичный вопрос. Я обычно использую PSPad, и я также не слишком боюсь Notepad ++. Они оба хорошие редакторы, но их CSS-подсветке, похоже, не хватает всех вкусностей CSS3.

В довершение всего, я недавно начал использовать LESS вместо простого CSS, и именно здесь оба редактора терпят неудачу. Как только встречаются вложенные свойства, PSPad полностью теряется и не может даже отображать совпадающие скобки, не говоря уже о неправильном выделении синтаксиса. Notepad ++ несколько лучше, так как соответствующие скобки всегда отображаются правильно, но, тем не менее, вложенность заставляет Notepad ++ обходить LESS.

Итак, вы случайно не знаете, как я могу заставить любого из этих двух правильно сотрудничать с LESS? Загружаемый ресурс будет хорошо, или, возможно, плагин, если вы знаете один (я не знаю). В качестве альтернативы, если вы знаете какой-либо другой хороший облегченный редактор, который может предложить хорошую подсветку LESS, пожалуйста, укажите мне на это (и, пожалуйста, никаких вещей, основанных на Eclipse, это слишком тяжело для простого CSS-подсветки).

[Изменить, если кто-нибудь найдет это полезным]:

С момента написания вопроса я наткнулся на замечательную, хотя и немного вялую, IDE. Это называется PhpStorm, созданный JetBrains. Поскольку я использую его сейчас для большей части своего PHP-кодирования, я также заканчиваю редактировать LESS-файлы с его помощью. И тут неожиданность: PhpStorm имеет встроенную поддержку LESS! Он не идеален, так как иногда забывает отображать предложения автозаполнения, но в целом он действительно приличный. Как я уже сказал, это не легкое решение и не бесплатное в этом отношении, но в настоящее время я использую его для всего своего кодирования и считаю его очень рекомендуемым.

5
Вопрос, который вы указали, касается [`less`] (http://en.wikipedia.org/wiki/Less_ (Unix)), средства просмотра файлов Unix, где ваш вопрос касается [LESS] (http: // lesscss .org /), язык таблиц стилей. Так что не совсем похожие вопросы. :) Sebastian Paaske Tørholm 12 лет назад 0
Ха-ха, действительно: D. Я не помню сейчас (я написал этот вопрос полгода назад ...), я полагаю, я связался с вопросом, который не удосужился прочитать внимательно: D. mingos 12 лет назад 0

2 ответа на вопрос

3
Steven Don

PSPad позволяет вам определять «Подсветки пользователя». Хотя это и не так гибко, как полная спецификация, вы можете по крайней мере определить все ключевые слова (до 3 категорий) и зарезервированные слова, которые вы хотите выделить. Для LESS вы можете получить / отредактировать список ключевых слов из существующего средства подсветки CSS в разделе [Keywords] из "CSS.DEF" в каталоге "Context" в папке программы PSPad - вы также можете расширить этот список, если вы просто хочу поддержку ключевых слов CSS3 в обычном CSS-маркере.

Затем следует назначить этот пользовательский маркер одному из «<не назначенных» »мест в настройках маркера, после чего вы можете выбрать цвета для зарезервированных слов и 3 категорий ключевых слов.

С этими пользовательскими маркерами вложенные скобки работают просто отлично.

Примечание: поскольку эти файлы хранятся в подпапках папки программы PSPad, обычно в C: \ Program Files, Windows Vista и Windows 7 не позволяют редактировать их, если вы не запустите PSPad от имени администратора. Обязательно сделайте это при изменении каких-либо настроек.

Итак, в итоге:

  • Разверните C: \ Program Files \ PSPad \ Context \ CSS.DEF для свойств CSS3
  • Создайте подсветку пользователя (с ключевыми словами из вышеуказанного файла), чтобы иметь возможность подсветки синтаксиса для LESS
2
David Hobs

Notepad ++ также допускает использование пользовательских стилей.

Вот список из 50 уже созданных языков, а также инструкции по их импорту. Ссылка приведет вас к Less.js. И, конечно, любой другой язык, который вы хотели бы добавить / изменить.

Ура!

Похожие вопросы