如何在 Sublime 3 中设置 scss 语法？

Posted 2023-03-06

【中文标题】如何在 Sublime 3 中设置 scss 语法？

【英文标题】：How to set scss syntax in Sublime 3?

【发布时间】：2017-06-28 19:50:39

【问题描述】：

我正在使用 Sublime 3 编辑器。当我打开一个 SCSS 文件时，它会显示许多红色字符，因为它误判了语法。当我按 CTRL + Shift + P 并输入 sass 或 scss 时，我没有选择。我必须将语法设置为 CSS。

有没有办法在 Sublime 3 中将语法设置为 SCSS？

【问题讨论】：

ST3 不支持 SCSS/SASS，请尝试安装第三方包，如packagecontrol.io/packages/Syntax%20Highlighting%20for%20Sass

【参考方案1】：

按下 CTRL + Shift + P 在 Submile Text 下面的弹出窗口中打开

点击Package Control: Install Package。这将打开下面的弹出窗口。在搜索框中输入 SCSS。准确查找：SCSS（它可能不是第一个出现的）并点击它。

再次按 CTRL + Shift + P 并搜索 SCSS 并单击 Set Syntax: SCSS .你的 scss 文件将被相应地着色

【讨论】：

注意：Package Control 可能不会默认安装

@user31782 你介意接受这个答案，以便其他人更容易找到解决方案吗？

我不知道为什么，但安装 linter 后，我无法设置语法。它不是作为选项提供的。

拯救了我的一天。！！

@elliottregan 我认为在发布此答案时，我已停止参与堆栈交换网络。我不再做编程，所以我不可能接受它。对不起，伙计。

【参考方案2】：

有两个非常流行的包：“Sass”和“SCSS”。鉴于 codegeek 的 72+ 答案表明了这一点，我从“SCSS”包开始，但我发现我的大量有效 SCSS 只是白色的。

'Sass' 包同时包含 Sass 和 SCSS，并且对于 SCSS 来说比刚刚称为“SCSS”的包更完整。

安装步骤：

CTRL+SHIFT+P（Mac：COMMAND+SHIFT+ P) 输入“Package Control: Install package”并按Enter。等待几秒钟 键入“Sass”，确保选中的项目只是“Sass”，然后按Enter。 您会在应用程序底部的状态栏中看到安装状态。安装完成后： CTRL+SHIFT+P再次 输入“Set syntax: SCSS”并按Enter

【讨论】：

关于语法特定空格的任何提示？对我来说，当按下回车键时它仍然会产生 4 个空格，即使根据 scss 的语法特定文件应该有 2 个空格

我确认 SASS 2.0 插件比 SCSS 插件好很多。

【参考方案3】：

如果您安装了 Sass 扩展（同时支持 SASS 和 SCSS）并且希望所有 .scss 文件以新的 SCSS 语法突出显示而不是旧的 SASS 打开，请执行以下操作：

打开

查看 -> 语法 -> 以当前扩展名打开所有...

选择

Sass -> SCSS

信用：http://joncaveman.com/2015/08/11/sublime-text-3-default-syntax-highlighting-for-file-types/