vscode设置不同的html标签用不同的属性包装

时间:2026-02-12 08:22:10

1、通过使用两个HTML FORMAT来实现,这里作者用的是自带的

vscode.html-language-features和Beautify插件,Beautify直接在vecode的Extensions中下载

vscode设置不同的html标签用不同的属性包装

2、点击左下角设置按钮打开VisualStudioCode的setting.json文件,如图

vscode设置不同的html标签用不同的属性包装

3、设置默认的HTML格式化"vscode.html-language-features"的属性包装策略为超过长度100,自动换行,如图

vscode设置不同的html标签用不同的属性包装

4、设置Beautify的属性包装策略为force-expand-multiline即所有属性单独一行,如图

vscode设置不同的html标签用不同的属性包装

5、应用:选中需要格式化的代码块用不同的FORMAT即可实现不同的属性包装策略,如图

vscode设置不同的html标签用不同的属性包装

vscode设置不同的html标签用不同的属性包装

© 2026 长短途
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com