如何在VisualStudio代码中创建CSS代码行之间的间距

我对VS代码和这个网站比较陌生。下面的代码是使用SCS完成的。我不明白为什么vs代码会这样做。有人能告诉我是哪个环境控制了这种行为吗

我希望能够像我在视频中看到的其他人那样，在代码行之间添加空格。比如说

我看到了。

。功能框{
背景色：rgba（$color white，.8）；
字体大小：1.5rem；
填充物：2.5雷姆；
文本对齐：居中；
边界半径：3px；
盒影：0 1.5雷姆4雷姆rgba（$color black，.15）；
转变：转变2；
&__图标{
字号：6rem；
边缘底部：.5rem；
显示：内联块；
背景图像：线性渐变（向右，$primary color light，$primary color dark）；
背景剪辑：文本；
-webkit背景剪辑：文本；
颜色：透明；
}
&：悬停{
转换：translateY（-1.5rem）标度（1.02）；
}
}

好的。所以根据

您需要通过按

F1

然后选择

Formatter config

来访问该插件的配置

接下来，您需要在

css

部分自定义配置文件

"css": {
    "selectorSeparatorNewLine": true,
    "newline_between_rules": true
}

我还建议不要使用这个插件和

---

与三年前被废弃的JS-CSS-HTML格式化程序相比，它仍然被保留着。您想让VS代码自动为您添加换行符吗？我想这可能是因为VS代码中安装了“更漂亮”的扩展，因为它按照自己的风格格式化和缩进代码，并且经常删除空格和换行符。@Magiczne，我相信您会知道我对所有这些都是新手。我正在试图找出如何保留空格，当我在代码行之间添加空格时，它们会立即被删除。@RitikaGupta，我没有使用Prettier，而是使用JS-CSS-HTML格式化程序。你知道有什么方法可以避免这种行为吗。thanks@Zeus60下一次你应该把这些信息放在正确的问题上，猜测你在使用什么并不好，因为你可以使用任何东西。我想我有办法解决你的问题，请看下面的答案。谢谢你对我问题的建议和对我问题的帮助。您的解决方案似乎已纠正了该问题。根据你的建议，我正在寻找更漂亮的，我会做出改变。再次感谢