如何让 Emmet 在 VScode for SCSS 中表现得更像 CSS

问题描述

VSCode 中用于 scss 的默认 emmet 自动完成没有帮助：

例如

"pos:a" 当我想要 "position: absolute;" 时给出 "pos:abs($number: 0)"

"fs:i" 当我想要 "font-style: italic;" 时给出 "fs:index($list:,$value: )"

等等...

如何解决？

解决方法

您使用的是 scss 还是 sass 文件？我相信 emmet 应该可以立即用于 scss，也许您应该安装此 extension 以便 emmet 处理 sass 文件。

您也可以查看此 issue。

您也可以在 settings.json 中尝试：

"emmet.includeLanguages": {
    "SCSS": "CSS"
}

,

点击查看图片并按步骤操作：

F1 and write "snippet"

Search scss and click or enter

Copy or writing next code. Save and Testing

"example posabs": {
        "prefix": "posa","body": [
            "position: absolute;",],"description": "example for you"
    }

,

这已在 Insiders Build 中修复，并将在 v1.55 稳定版中提供。见https://github.com/microsoft/vscode/issues/112675

您的测试用例今天在 Insiders 中运行良好：

"fs:i" => "font-style: italic;"

"pos:a" => "position: absolute;"