admin管理员组

文章数量:1794759

VSCode格式化保存HTML的标签名前（head,body,/html）自动空出一行的解决办法

VSCode格式化保存HTML的标签名前（head,body,/html）自动空出一行的解决办法

在写代码时，格式化保存后发现标签名如head，body，div等前面会多出一个空行出来，如下所示：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

</body>

</html>

但我希望的代码是这样的：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

</body>
</html>

对比一下，第二个代码是比较好看，不会占多余的行，不然代码越写越多，空行也会越多。

我是在设置里HTML>Format：Extra Liners中在setting.json中编辑：

在 html.format.extraLiners的 “ ”中键入了一个空字符串，然后保存退出。

 现在写代码格式化保存就不会多出空行出来啦：

另外如果想要style标签中的css代码不换行，可以加在setting.json添加如下代码：

本文标签： VSCode格式化保存HTML的标签名前（headbodyhtml）自动空出一行的解决办法

版权声明：本文标题：VSCode格式化保存HTML的标签名前（head,body,html）自动空出一行的解决办法 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1705529798a504126.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。