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

时间:2017-02-10 12:48:42

标签: css sass sublimetext3 sublimetext syntax-highlighting

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

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

3 个答案:

答案 0 :(得分:106)

在弹出窗口下方的Submile Text中按 CTRL + Shift + P

enter image description here

点击打包控件:安装包。它将在搜索框中打开下面的popup.type SCSS 。第一个建议是 SCSS < / strong>(未在下图中突出显示)并单击它。

enter image description here

再次按 CTRL + Shift + P 并搜索SCSS并单击设置语法:SCSS 。你的scss文件会相应地着色

enter image description here

答案 1 :(得分:18)

有两个非常流行的软件包:“ 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. 再次
  6. CTRL + SHIFT + P
  7. 键入“ Set syntax: SCSS”,然后按 Enter

答案 2 :(得分:0)

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

  • 打开 视图->语法->使用当前扩展名将所有打开为...
  • 选择 Sass-> SCSS

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