3

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

  1. 这不是我希望我的背景颜色看起来的样子。
    从：

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

至：

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

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

  1. “光标”属性有不同的颜色
    在此处输入图像描述

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

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

4

2 回答 2

2

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

于 2018-08-24T00:33:57.503 回答
1

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

"html.format.extraLiners": "",

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

于 2020-01-31T02:24:38.500 回答