VSCode生成多个a/span元素时，不会自动换行

问题&＃xff1a;

当我们在使用VSCode生成多个a元素或span元素时&＃xff0c;我们想得到的结果是&＃xff1a;

但实际结果却是&＃xff1a;

解决方法&＃xff1a;

文件->首选项->设置&＃xff0c;然后搜素 Syntax Pro&＃xff0c;点击在settings.json中编辑&＃xff0c;添加配置。

添加配置为&＃xff1a;

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

 注意&＃xff0c;在前一个配置的尾部&＃xff0c;要加上逗号&＃xff01;&＃xff01;&＃xff01;

 最后要记得保存配置文件&＃xff08;点击左上角文件&＃xff0c;可以开启自动保存功能&＃xff09;

VSCode中文插件&＃xff1a;Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

说明&＃xff1a;

inline_break&＃xff1a;达到多少行内元素需要强制换行&＃xff0c;数值类型。默认值为3。例如 span*2 将展开成 &＃xff0c;但 span*3 将生成三个  元素&＃xff0c;每个占有一行。如果设置为 0 将不再为行内元素换行。

 具体可参考Emmet官方文档&＃xff1a;

官网链接&＃xff1a;https://stackoverflow.com/questions/53390142/force-emmet-vs-code-to-wrap-all-abbreviations-inline

官网翻译&＃xff1a;https://www.cnblogs.com/wicub/p/4332688.html