Fatal编程技术网

Visual studio code Visual Studio代码美化格式问题

visual-studio-code

Visual studio code Visual Studio代码美化格式问题,visual-studio-code,js-beautify,Visual Studio Code,Js Beautify,我正在使用VS Code+js beautify+beautify css/sass/scss/less，当我格式化代码时，我面临着几个恼人的问题（不知道如何解决它们）： 这不是我想要的背景色的外观。 发件人： 致： background-color: rgba(0, 0, 0, .0); 我希望它的格式为一行（如“from”）。 “游标”属性的颜色不同 格式化html代码时，正文和html中都有行空格。 发件人： <!DOCTYPE html&g

我正在使用VS Code+js beautify+beautify css/sass/scss/less，当我格式化代码时，我面临着几个恼人的问题（不知道如何解决它们）：

  • 这不是我想要的背景色的外观。
    发件人：

    • 致：

        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>

    
反应应用程序

    • 致：
    
反应应用程序
    我希望它的格式没有任何空格（如“from”）。

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

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

    "html.format.extraLiners": "",
    默认情况下不存在任何内容，因此它将默认为
    html，body，/html
    。通过将其设置为“无”，它将为您提供所需的行为。

    谢谢。你知道具体的设置吗？ 
        <!DOCTYPE html>
      <html lang="en">

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

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

     </html>

    "html.format.extraLiners": "",