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