Visual Studio代码美化了格式问题

时间：2018-08-22 11:37:59

标签： visual-studio-code js-beautify

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

  1. 这不是我希望背景颜色显示的方式。
    发件人：

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

    收件人：

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

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

  2. “光标”属性的颜色不同
    enter image description here

  3. 当我格式化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”）。

2 个答案:

答案 0 :(得分：1)

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

"html.format.extraLiners": "",

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

答案 1 :(得分：0)

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

相关问题
最新问题