vs code格式化vue代码的缩进问题

Question

先贴上设置

{
    "window.zoomLevel": 1,
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "vue-html": "html",
        "vue": "html"
    },
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "aligned-multiple"
        }
    },
    "editor.detectIndentation": false,
    "editor.tabSize": 4,
    "prettier.tabWidth": 4,
    "vetur.format.defaultFormatter.js": "prettier",
    "eslint.autoFixOnSave": true,
    "prettier.singleQuote": true,
    "editor.formatOnSave": true,
    "prettier.trailingComma": "all",
    "workbench.colorTheme": "Palenight Theme",
    "git.autofetch": true,
    "editor.lineHeight": 30
};

这三句设置设置位4个空格缩进

"editor.detectIndentation": false,
"editor.tabSize": 4,
"prettier.tabWidth": 4,

但是格式化出来的代码还是两个空格的缩进

这是我安装的插件

请问这是怎么回事呢，为什么代码不能以4个空格进行格式化代码呢？

Answer 1

设置后重启试一下

Answer 2