Visual Studio 代码美化格式问题答案

【问题标题】：Visual Studio code beautify format issuesVisual Studio 代码美化格式问题
【发布时间】：2019-01-28 15:58:15
【问题描述】：

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

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

收件人：

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

我希望将其格式化为一行（如“from”）。

“光标”属性的颜色不同

当我格式化我的 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>

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

【问题讨论】：

标签： visual-studio-code js-beautify

【解决方案1】：

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

【讨论】：

谢谢。您知道任何具体的设置吗？

【解决方案2】：

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

"html.format.extraLiners": "",

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

【讨论】：