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-beautify。js-beautify
也可以格式化CSS。但是,如果我打开一个CSS文件,并运行命令“格式化文档”,它不会提供内置的格式化程序。我认为没有内置的CSS格式化程序是正确的吗?
在CSS docs中没有提到这个。
考虑到对于HTML文件,样式标签中的CSS是格式化的,这似乎有点奇怪。
编辑-1/6/22
在v1.66(2022年3月)中,内置的CSS扩展现在是一个格式化程序。格式化程序适用于CSS、LESS和SCSS。它使用JS Beautify库实现。🌟
2条答案
按热度按时间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
)。9jyewag02#
在v1.66(2022年3月)中,内置的CSS扩展现在是一个格式化程序。格式化程序适用于CSS、LESS和SCSS。它使用JS Beautify库实现。🌟
将以下内容添加到 settings.json 中以使用内置格式化程序: