Visual Studio 代码美化格式问题

Question

我正在使用 VS Code + js-beautify + Beautify css/sass/scss/less，我在格式化代码时遇到了几个烦人的问题（不知道如何解决）：

这不是我想要的背景颜色。
来自：
```
 background-color: rgba(0, 0, 0, .0);
```

收件人：

    background-color: rgba(0,
    0,
    0,
    .0);

我希望它的格式为一行（如“来自”）。

“光标”属性颜色不同

当我格式化我的 html 代码时，正文和 html.
中有行空格来自：

 <!DOCTYPE html>
   <html lang="en">
    <head>
     <title>React App</title>
    </head>
    <body>
    <div id="root"></div>
   </body>
  </html>

收件人：

    <!DOCTYPE html>
      <html lang="en">

       <head>
        <title>React App</title>
       </head>

       <body>
       <div id="root"></div>
      </body>

     </html>

我希望它的格式没有任何空格（如“来自”）。

Answer 1

您可以在 VS Code 的 settings.json 文件中更改格式设置。默认情况下，head、body 和 html 标签在它们之前包含一个换行符。如果某些问题仅在安装扩展后才开始出现，则可能存在设置冲突。

Answer 2

虽然这是一个老问题，但我遇到了同样的问题并找到了解决方案。在您的 VS Code settings.json 中，添加以下内容：

"html.format.extraLiners": "",

默认情况下没有任何内容，因此它将默认为 html, body, /html。通过将其设置为空，它将为您提供所需的行为。

Visual Studio 代码美化格式问题

Visual Studio code beautify format issues

js-beautify

visual-studio-code