代码之家 › 专栏 › 技术社区 › Or Assayag

Visual Studio代码美化格式问题

js-beautify visual-studio-code

1

Or Assayag · 技术社区 · 6 年前

我使用的是VS Code+js beautify+beautify css/sass/scss/less,当我格式化我的代码时,我遇到了几个恼人的问题(不知道如何解决它们):

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

1 回复 | 直到 6 年前

1

0

quiqs 6 年前

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

2

0

Tristan 5 年前

虽然这是一个老问题,但我也遇到了同样的问题,找到了解决办法。在你的VS代码中 settings.json ,添加以下内容:

"html.format.extraLiners": "",

html, body, /html . 如果将其设置为空,它将为您提供所需的行为。