Visual Studio Code有内置的CSS格式化程序吗?

kcugc4gi  于 2023-06-25  发布在  其他
关注(0)|答案(2)|浏览(183)

VS Code的内置语言特性可以格式化HTML、JS、TS和JSON。您可以使用以下设置:

"[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
},
"[javascript, javascriptreact, typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
},
"[json, jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
}

我在HTML文档中看到VS Code使用了js-beautifyjs-beautify也可以格式化CSS。但是,如果我打开一个CSS文件,并运行命令“格式化文档”,它不会提供内置的格式化程序。我认为没有内置的CSS格式化程序是正确的吗?
CSS docs中没有提到这个。
考虑到对于HTML文件,样式标签中的CSS是格式化的,这似乎有点奇怪。
编辑-1/6/22
在v1.66(2022年3月)中,内置的CSS扩展现在是一个格式化程序。格式化程序适用于CSS、LESS和SCSS。它使用JS Beautify库实现。🌟

xtfmy6hx

xtfmy6hx1#

请参阅GH issue: [css] provide css formatter,其中一个可能会到v1.66(现在在Insiders中)。
并使能:
CSS > Format: Enable启用/禁用默认的css格式化程序,启用是默认选项
其他选项:
CSS > Format: Newline Between Rules用空行分隔规则集。
CSS > Format: Newline Between Selectors用新行分隔选择器。
CSS > Format: Space Around Selector Separator确保选择器分隔符'>','+','~'周围有空格字符(例如a > b)。

9jyewag0

9jyewag02#

在v1.66(2022年3月)中,内置的CSS扩展现在是一个格式化程序。格式化程序适用于CSS、LESS和SCSS。它使用JS Beautify库实现。🌟
将以下内容添加到 settings.json 中以使用内置格式化程序:

"[css][scss][less]": {
    "editor.defaultFormatter": "vscode.css-language-features"
}

相关问题