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

问题:

当我们在使用VSCode生成多个a元素或span元素时,我们想得到的结果是:

但实际结果却是:

解决方法:

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

添加配置为:

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

注意,在前一个配置的尾部,要加上逗号!!!

最后要记得保存配置文件(点击左上角文件,可以开启自动保存功能)

VSCode中文插件:Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

说明:

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

具体可参考Emmet官方文档:

官网链接:

官网翻译:

经验分享 程序员 微信小程序 职场和发展