很多时候我们需要给标签加上很多属性,如果属性都挤在一行,代码就会很不美观,我们该如何实现如下所示的.wxml文件的属性自动换行呢?
1.在vscode拓展中心搜索并安装beautify插件
2.在设置中搜索beautify,选择在settings.json中编辑
3.在settings.json中添加如下内容
"files.associations": {
"*.cjson": "jsonc",
"*.wxss": "css",
"*.wxs": "javascript",
"*.wxml": "html"
},
"[javascript]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"[html]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"[json]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"[wxml]": {
"editor.defaultFormatter": "HookyQR.beautify"
}
4.在项目文件根目录下创建.jsbeautifyrc文件
5.编辑.jsbeautifyrc文件
{
"brace_style": "none,preserve-inline",
"indent_size": 2,
"indent_char": " ",
"jslint_happy": true,
"unformatted": [""],
"css": {
"indent_size": 2
},
"html": {
"wrap_attributes": "force-aligned"
},
"wxml": {
"wrap_attributes": "force-aligned"
}
}
6.然后即可实现保存时将属性自动换行显示