在写代码时,格式化保存后发现标签名如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的标签名前(head,body,/html)自动空出一行的解决办法相关推荐

  1. vscode中jsx中没有html语法提示,不能自动补全的解决办法

    学习React遇到的一个编译器问题--vscode中写jsx没有html语法提示的 如下图所示,当我们输入一个div,编辑器并没有为我们提示语法. 解决办法: 打开vscode设置,搜索include ...

  2. 对于“优盘变成了RAW的文件系统,双击提示需要格式化,右键查看属性是0字节,也无法打开”的解决办法

    对于"优盘变成了RAW的文件系统,双击提示需要格式化,右键查看属性是0字节,也无法打开"的解决办法 现象分析: 前几天我的优盘在学校机房的电脑上使用了一下,不知怎的文件复制到一半的 ...

  3. mac 上格式化移动硬盘出现MediaKit报告设备上的空间不足以执行请求的解决办法

    突发奇想的想用自己的移动硬盘给Mac电脑做备份,但是硬盘格式不对,就手贱点了抹掉.后来提示mac 上格式化移动硬盘出现MediaKit报告设备上的空间不足以执行请求的解决办法.网上找了好久没有找到解决 ...

  4. VScode——无法读取文件‘/build/glibc-S9d2JN/glibc-2.27/csu/libc-start.c‘的一种解决办法‘

    VScode--无法读取文件'/build/glibc-S9d2JN/glibc-2.27/csu/libc-start.c'的一种解决办法' 一.遇到的情况截图 二.原因分析 三.解决办法 四.其他 ...

  5. mac 上格式化磁盘出现MediaKit报告设备上的空间不足以执行请求的解决办法

    1.问题描述: 我使用是一个2T移动硬盘,分了5个区 2.分析原因:因为mac OSX的日志式格式需要有EFI分区进行引导,而我的移动硬盘是没有EFI分区的,这样的话就会出现问题: 3.解决办法: 1 ...

  6. 【保存】新装Win10后Edge、OneDrive无法登录微软账号解决办法

    新装Win10后,打开Edge同步收藏夹,结果账号不能登录(账号.密码均正确),而在官网上可以登录,在网上查看将DNS改为:4.2.2.2和4.2.2.1后登录,但很多国内网站打开又有问题. 解决办法 ...

  7. vscode win10笔记本 蓝屏_联想拯救者Win10蓝屏0xc000000d的解决办法

    这种蓝屏出现的代码如下: Recovery Your PC/Device needs to be repaired The Boot Configuration Data for your PC is ...

  8. win10系统vvv连接不上,提示:“在连接完成前,连接被远程计算机终止”的解决办法

    进入"控制面板"-"网络和共享中心"-"更改适配器设置" 右键点"vvv连接"-"属性"-" ...

  9. 小米9se(miui 10) 微信里保存的图片,发朋友圈时找不到的解决办法

    下面的解决办法在小米9se中,亲测有效. 这个问题应该是一键换机导致. 解决方案如下:1.确认自己照片已在云端备份.2.将tencent/micromsg重命名(可以随便取,只要和原来不同即可),然后 ...

最新文章

  1. 特征工程+特征组合+特征交叉+特征变换+生成特征
  2. Object C学习笔记19-枚举(转)
  3. 前端学习(3178):ant-design介绍1
  4. v7000更换电池步骤_ups电源运行中是否可以更换电池?应如何操作呢
  5. oracle conneciton properties,在WAS Liberty连接池中,我可以验证借用连接吗?
  6. Firebug无法添加到最新版firefox55.0.*中解决办法
  7. pmp项目变更的流程图_PMP流程图
  8. Django:报错 unsupported format character ‘Y‘ (0x59) at index 70
  9. ssh secure shell client 保存密码_著名的SSH协议
  10. 三维重建开源项目汇总
  11. OpenCV 人脸识别DNN face detector文件下载(opencv_face_detector.pbtxt;opencv_face_detector_uint8.pb;。。。。)
  12. java多线程下载美女图片
  13. 应届生毕业第一份工资多少?
  14. 通过财务报表读懂美股
  15. ESP8266开发之旅 阿里云物联网平台篇⑥ LED智能灯控制系统 全面讲解,上手一个小项目(MQTT客户端直连 + Web配网 + WebSocket局域网通信)
  16. 【JS 逆向百例】HN政务服务网登录逆向,验证码形同虚设
  17. 给全栈人员,如何用ps让图片不改变尺寸分辨率大小的情况下,让图片质量变的更小
  18. 加州大学圣地亚哥计算机硕士申请,多次催促 成功申请加州大学圣地亚哥分校计算机科学...
  19. 【技术推荐】正向角度看Go逆向
  20. socket listen函数

热门文章

  1. 毕业生要找工作了, 面试70问经典回答,先转着,以后会用到的
  2. 基础知识 | css基础知识
  3. 90%的工厂没有数字化,工业互联网路在何方?
  4. 工具及方法 - 决策矩阵-Decision Matrix
  5. cls意义 matlab,诠释各自对优雅的理解 奔驰CLS对比奥迪A7
  6. powerpoint插入视频文件崩溃
  7. 深度学习-机器学习从入门到深入全套资源分享
  8. Java8 Steam 随笔记录
  9. 建筑工程材料现场复检规定(送检指南)
  10. 纯苦力社工之没有卵用(论如何找到那个一面之缘的女生)