小伙伴们,好久不见,不知道你们有没有这个困扰呢?今天折腾了好一会终于解决了,完美解决,分享给大家
问题:最近在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 等均可自动换行。