vscode中使用emmet编辑a*5或 span*5,不自动换行的完美解决方案

小伙伴们,好久不见,不知道你们有没有这个困扰呢?今天折腾了好一会终于解决了,完美解决,分享给大家

在这里插入图片描述


  问题:最近在VSCode在使用emmet编辑a* 5或 span*5,生成多个行内标签时,不会自动换行,对块标签则会自动换行,假如有10个超链接标签一行写,可怕,毁灭吧,因此我希望对行内标签也可以自动换行。

  分析:面向百度,能找到WebStorm类似问题的解决方案,VSCode的却没有或者我没发现WebStorm的解决方案是直接修改IDE的配置VSCode里面没有此类配置。在emmet这个内置插件上,经过搜索(关键字“行内”,“inline”,“new line”)

  思路:对emmet的配置文件做修改,设置inline_break属性值为2,从而达到2个行内元素即强制换行,以此类推;值为0则不为行内元素换行,

  解决:在vsode设的置中搜索Syntax Profiles,在settings.json中编辑,加入以下代码:

"emmet.syntaxProfiles": {
   "html": {
       "inline_break": 2
    }
}

  注意: 由于使用的是json配置文件,注意配置的位置,如果在该配置下,还有其他配置,最后需要添加 , 分隔符表结束,如果在最后配置则不用

"emmet.syntaxProfiles": {
    "html":{
        "inline_break":2
    }
},

保存后立即生效,输入 a* 2 或 span*3 等均可自动换行。

  • 42
    点赞
  • 53
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 28
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 28
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王子周棋洛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值