【问题标题】:How to set scss syntax in Sublime 3?如何在 Sublime 3 中设置 scss 语法?
【发布时间】:2025-12-17 13:30:01
【问题描述】:

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

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

【问题讨论】:

标签: css sass sublimetext3 sublimetext syntax-highlighting


【解决方案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”的包更完整。

安装步骤:

  1. CTRL+SHIFT+P(Mac:COMMAND+SHIFT+ P)
  2. 输入“Package Control: Install package”并按Enter。等待几秒钟
  3. 键入“Sass”,确保选中的项目只是“Sass”,然后按Enter
  4. 您会在应用程序底部的状态栏中看到安装状态。安装完成后:
  5. CTRL+SHIFT+P再次
  6. 输入“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/

【讨论】:

    最近更新 更多