将 Emmet 与 SCSS 一起使用答案

【问题标题】：Using Emmet with SCSS将 Emmet 与 SCSS 一起使用
【发布时间】：2014-03-27 11:53:47
【问题描述】：

我刚刚开始使用带有 Sublime Text 2 的 SASS，它很棒。我正在使用 SCSS 语法。

但是，我一直在使用 Emmet，但在使用选项卡（对我而言）时，它似乎不适用于 SCSS。对于 Emmet，我通常会写：float 并按 Tab，它会将其转换为 float;。这只是在我对 SCSS 的首选项进行了以下更改之后：

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

但是，我通常也写一个类或元素名称：body，按 Tab 键会创建 body { }，光标位于括号内。这似乎已经停止工作，并且由于我已经更改了首选项，它只是以 `; 结束属性。

有没有办法通过元素名称和属性恢复这个自动完成功能？

【问题讨论】：

【解决方案1】：

我不清楚你最初为什么要设置 propertyEnd，但我强烈推荐 Emmet 必须提供的更短的扩展：

例如：输入fl，然后输入tab，您应该会得到float: left;，其中'left' 已经突出显示供您更改。 fr 也扩展为 float: right;。

我不确定这些是否是 Emmet 的标准配置，或者它们是否与 Sublime 的 SCSS 包一起提供，但它们为我节省了很多时间。如果您习惯了它们，那么在点击标签之前输入完整的float 会更快。

【讨论】：