1. 点击左下角设置按钮,选择Settings
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210203132848677.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM2MTcyMg==,size_16,color_FFFFFF,t_70)
vetur_Edit_in_settingsjson_2">2.在用户设置下找到vetur,点击 Edit in settings.json
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210203132421159.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM2MTcyMg==,size_16,color_FFFFFF,t_70)
3.设置如下配置
{
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto",
"end_with_newline": false
},
"prettyhtml": {
"printWidth": 100,
"singleQuote": false,
"wrapAttributes": false,
"sortAttributes": false
}
},
"vetur.grammar.customBlocks": {
"docs": "md",
"i18n": "json"
}
}