如何检查SASS / SCSS中缺少结束标记的位置

时间:2013-07-29 08:10:16

标签: sass

如果我在SCSS中有一个相当大的文档,并且我错过了结束标记,那么是否有任何程序或服务或输出(控制台日志)代码来检查缺少结束标记的位置? (我使用SASSY和drupal PHP预处理器)

1 个答案:

答案 0 :(得分:2)

内置于the actual Sass librarysass二进制文件将报告语法错误。

$ cat broken.scss
html {
    display: block;
    .orange {
        color: orange;
}
$ sass broken.scss
Syntax error: Invalid CSS after "}": expected "}", was ""
        on line 6 of broken.scss
  Use --trace for backtrace.

只要安装了Ruby,就可以使用sass安装gem install sass。这将安装最新版本的sass

如果您尚未安装Ruby,只需将其安装在开发计算机上即可。在Windows上,使用RubyInstaller。在Mac上,使用内置的旧版Ruby,或使用brew install ruby使用Homebrew安装较新版本。在Linux上,在包管理器中搜索“ruby”。

如果您的意思是希望程序告诉您“您错过的结束时间}应该介于color: orange;}之间,我怀疑是否存在。确定}确切需要对缩进和代码的其他格式进行假设,因此任何为此编写的程序可能只适用于他们的代码。在示例代码中,没有通用和自动的方式来判断color: orange;是在.orange内还是在html内。