按Shift+Alt+F格式化时Prettier缩进为2空格而非预设4空格问题

VS Code编辑器右下角的缩进设置优先级低于Prettier自身的规则配置，你可以按以下顺序排查修改：

• 优先检查项目根目录的Prettier专属配置文件，包含但不限于.prettierrc、.prettierrc.json、prettier.config.js，在配置中增加以下规则：
  若为JSON格式配置：

  {
    "tabWidth": 4,
    "useTabs": false
  }
  

  若为JS格式配置：

  module.exports = {
    tabWidth: 4,
    useTabs: false
  }
  

• 若项目没有单独的Prettier配置文件，检查package.json中是否存在prettier字段，在该字段内补充上述tabWidth和useTabs配置即可。
• 检查VS Code全局/工作区的settings.json配置，确认以下规则配置正确：

  {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "[vue]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.tabSize": 4
    },
    "prettier.tabWidth": 4,
    "prettier.useTabs": false
  }
  

• 检查项目根目录是否存在.editorconfig文件，该文件优先级高于Prettier和编辑器配置，若存在需修改对应规则：

  indent_style = space
  indent_size = 4
  

• 若项目接入了ESLint，检查ESLint配置中的indent规则是否设置为2，若存在该规则需调整为4或者直接关闭（接入eslint-plugin-prettier时建议关闭ESLint的缩进规则，避免和Prettier冲突）。

内容的提问来源于stack exchange，提问作者Saud Zubedi