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

Answer 1

一个制表符等于的空格数。在 Editor: Detect Indentation 启用时，根据文件内容，该设置可能会被覆盖。
看一下Detect Indentation是否是on(启用则会检查文件本身的格式)，是的话改为off。

Answer 2

刚参考 【VS Code 缩进问题】 https://segmentfault.com/q/10... 解决了
"editor.detectIndentation": false
"editor.tabSize": 4,

改完，重启vscode可以了。你可以试试