为什么在设置了4个空格缩进但还是不管用

Question

先贴上setting文件里面的代码{
"editor.formatOnSave":true,
"eslint.autoFixOnSave":true,
"eslint.validate":[
"javascript",
"javascriptreact",
{
"language":"vue",
"autoFix":true
}
],
"editor.detectIndentation":true,
"vetur.format.defaultFormatter.js":"none",
"workbench.colorTheme":"PalenightTheme",
"window.zoomLevel":2,
"editor.lineHeight":30,
"editor.tabSize":4,
"prettier.tabWidth":4,
"vetur.format.defaultFormatter.html":"js-beautify-html",
"vetur.format.defaultFormatterOptions":{
"wrap_attributes":"force-aligned"
}
}在"editor.tabSize":4,"prettier.tabWidth":4,这两个设置里我都设置的4，但是页面格式化代码的时候还是按照2个空格在缩进，这个问题该怎么解决呢？