仅删除“@apply”的 Sublime 语法高亮答案

【问题标题】：Removing Sublime syntax highlight for just '@apply'仅删除“@apply”的 Sublime 语法高亮
【发布时间】：2019-10-18 14:35:30
【问题描述】：

我正在为我的 scss 文件使用 Tailwindcss，它引入了一个新命令 @apply。但问题是 Sublime 突出了这一点（可能是错误或无法识别的语法）。如何关闭单个突出显示，这样它就不会显示为我所有的 @apply 规则的明显错误？

【问题讨论】：

【解决方案1】：

Sublime 中的语法高亮是由允许 Sublime 识别语言并在适当时高亮显示的语法定义驱动的。这可以在tmLanguage（与旧版 TextMate 兼容）XML PLIST 文件或sublime-syntax（具有更多功能的新形式）JSON 文件中完成。

基本上，语法定义归结为正则表达式规则列表以及如何以及何时应用它们以识别语言的描述。您使用的语法适用于 SCSS，它无法识别 @apply 指令，因此将其标记为无效。

因此，您无法进行简单的设置或切换来阻止这种情况发生，您必须改为执行以下三件事之一：

第一个不是特别直接，因为它需要了解@apply 语法的工作原理以及如何在 Sublime 中编写和修改语法定义。

第二个选项很容易实现；基本上，您将添加一个与source.css invalid.illegal 范围匹配的配色方案规则，并将其着色为纯文本，而不是您的配色方案使用的颜色。但是，不可能仅将其定位到 @apply 类型行，因此您将不会被告知其他实际上无效的无效代码。

对于第三个选项，有 Syntax Highlighting for Sass 包，它还包括一个 SCSS 的语法定义，它与 @apply 指令没有问题：

这个包比你当前使用的包要新得多，所以你可能会看到一些东西在视觉上改变了你以前看到的颜色，因为这个语法可能使用与旧包不同的范围来处理相同的结构；例如，在过去几年中，关于使用什么范围的指南发生了很大变化。

您可能还想查看该软件包的 README，其中概述了如果您来自较旧的软件包，可能需要额外设置的内容。

【讨论】：