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 等均可自动换行。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！