为什么在设置了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": "Palenight Theme","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个空格在缩进，这个问题该怎么解决呢？