LESS 和 CSS3 语法高亮

LESS 和 CSS3 语法高亮

我发现这个帖子在 SU 上,但它似乎不能完全满足我的需求,所以我会问一个类似的问题。我通常使用 PSPad,我也不太害怕 Notepad++。它们都是很好的编辑器,但它们的 CSS 突出显示似乎缺少所有 CSS3 的优点。

更糟糕的是,我最近开始使用 LESS 而不是纯 CSS,而这两个编辑器在这方面都表现糟糕。一旦遇到嵌套属性,PSPad 就会完全迷失方向,甚至无法显示匹配的括号,更不用说糟糕的语法突出显示了。Notepad++ 稍好一些,因为匹配的括号总是能正确显示,但嵌套仍然会让 Notepad++ 无法适应 LESS。

那么,您知道如何让这两个编辑器与 LESS 正确协作吗?可下载的资源就足够了,或者如果您知道插件的话(我不知道)。或者,如果您知道任何其他可以提供良好 LESS 突出显示的优秀轻量级编辑器,请告诉我(请不要使用基于 Eclipse 的东西,它对于 CSS 突出显示器来说太重了)。

[编辑,以防有人发现它有用]:

自从写这个问题以来,我遇到了一个很棒的 IDE,尽管它基于 Java,因此运行速度略慢。它叫做PhpStorm,由 JetBrains 创建。由于我现在使用它进行大多数 PHP 编码,因此我也使用它编辑 LESS 文件。惊喜来了:PhpStorm 具有对 LESS 的开箱即用内置支持!它并不完美,因为它有时会忘记显示自动完成建议,但总体来说它确实不错。就像我说的,它不是一个轻量级的解决方案,而且也不是免费的,但我现在将它用于我的所有编码,并且发现它非常值得推荐。

答案1

PSPad 允许您定义“用户高亮器”。虽然不如完整规范那么灵活,但您至少可以定义要高亮的所有关键字(最多 3 个类别)和保留字。对于 LESS,您可以从 PSPad 程序文件夹内“Context”目录中的“CSS.DEF”的 [Keywords] 部分中获取/编辑现有 CSS 高亮器的关键字列表 - 如果您只是希望在常规 CSS 高亮器中支持 CSS3 关键字,您也可以扩展此列表。

然后,您应该将此用户荧光笔分配给荧光笔设置中的“<未分配>”点之一,然后您可以为保留字和 3 个关键字类别选择颜色。

使用这些用户荧光笔,嵌套括号就可以正常工作。

注意:由于这些文件存储在 PSPad 程序文件夹的子文件夹中,通常位于 C:\Program Files,因此除非您以管理员身份运行 PSPad,否则 Windows Vista 和 Windows 7 不允许您编辑它们。更改任何设置时,请务必执行此操作。

总结一下:

  • 展开 C:\Program Files\PSPad\Context\CSS.DEF 获取 CSS3 属性
  • 创建用户高亮器(使用来自上述文件的关键字),以便能够对 LESS 进行语法高亮

答案2

Notepad++ 还允许用户定义样式。

这是一个50 种语言列表已经制作好的,以及导入它们的说明。链接会带你到 Less.js。当然还有你想添加/修改的任何其他语言。

干杯!

相关内容