将Emmet与SCSS结合使用

时间:2014-02-25 10:20:17

标签: sass sublimetext2 emmet

我刚开始使用SASS和Sublime Text 2,它很棒。我正在使用SCSS语法。

但是,我一直在使用Emmet,当使用tab(对我来说)时,似乎不能很好地使用SCSS。使用Emmet,我通常会写:float并按Tab键,它会将其转换为float;。只有在我对SCSS的首选项进行了以下更改之后:

{
    "preferences": {
        "sass.propertyEnd": ";"
    }
}

但是,我也经常写一个类或元素名称:body,按Tab键,它会创建body { },光标位于括号内。这似乎停止了工作,因为我已经改变了首选项,它只是用`;。

结束了属性

有没有办法让这个自动完成功能返回,包含元素名称和属性?

1 个答案:

答案 0 :(得分:0)

我不清楚你最初想要设置propertyEnd的原因,但我强烈推荐Emmet提供的更短的扩展:

例如:键入fl后跟标签,您应该float: left;已突出显示“左侧”以供更改。 fr也会扩展为float: right;

我不确定这些是Emmet的标准配置,还是它们带有SCSS Package for Sublime,但它们为我节省了很多时间。如果你习惯了它们,那么在点击标签之前输入一个完整的float会更快。