在vscode中格式化时,怎么设置，可以让标签元素不自动换行，并且保留CSS代码与注释之间空格？
PS. 只装了Vue Language Features (Volar)插件

现在格式化的结果：

------------------------------------------------------------------------------
h1,
h2,
h3,
h4,
h5,
h6,{
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
}
------------------------------------------------------------------------------
$base-menu-width: 260px; // 左侧的菜单宽度
$base-menu-background: #001529; // 左侧的菜单 - 背景颜色
$base-menu-logo-height: 50px; // 左侧logo的高度
$base-logo-title-fontSize: 20px; // logo右侧文字的大小
$base-menu-min-width: 50px; // 左侧菜单最小宽度，控制文字的隐藏

期望的结果

------------------------------------------------------------------------------
h1,h2,h3,h4,h5,h6,{
    font:               inherit;
    font-size:          100%;
    margin:             0;
    padding:            0;
    vertical-align:     baseline;
    border:             0;
}
------------------------------------------------------------------------------
$base-menu-width:               260px;         // 左侧的菜单宽度
$base-menu-background:          #001529;       // 左侧的菜单 - 背景颜色
$base-menu-logo-height:         50px;          // 左侧logo的高度
$base-logo-title-fontSize:      20px;          // logo右侧文字的大小
$base-menu-min-width:           50px;          // 左侧菜单最小宽度，控制文字的隐藏

应该没有专门针对CSS（CSS预编译器）的这种格式化插件，因为几乎没人使用列对齐的方式来写CSS。

我的思路是找到一个可以客制化的格式化工具，然后针对CSS文件来写一个列对齐的格式化规则来自动格式化。
或者关闭对于CSS文件的格式化规则，改用一个列对齐的插件来对齐，比如说 Better Align 这个对齐插件来对齐。

回答