1. 需求插件

• ESLint （读取 ESLint 配置文件进行语法检测）
• Prettier ESLint（按照 ESLint 配置文件进行格式化）
  

2. 修改默认格式化插件

2.1 找到任意代码文件 右键点击代码区域 选择「使用…格式化文档」

2.2 选择「配置默认格式化程序」

2.3 选择「Prettier ESLint」

到此，已经可以实现「Alt + Shift + F」进行自动格式化啦！

3. 「Ctrl + S」保存时按照 ESLint 规则自动格式化

3.1 找到菜单栏的文件 -> 首选项 -> 设置

3.2 点击用户区的设置 JSON 图标 打开 JSON 文件

注意: 工作区和用户区的区别

    用户区：应用于当前操作系统用户，只要是在当前电脑上开发，任意项目都会生效该配置（慎重修改）
    工作区：只应用于当前项目，如果更换项目配置会失效

3.3 将以下配置粘贴进设置 JSON 文件中

{
  "eslint.enable": true,
  "eslint.run": "onType",
  "eslint.options": {
      "extensions": [
          ".js",
          ".vue",
          ".jsx",
          ".tsx"
      ]
  },
  "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
  }
}

3.4 粘贴后如下图

到此为止，即可实现保存自动格式化 。

注意： 如果格式化并未按照 ESLint 规则进行，需要将其他所有格式化插件卸载！例如：Beautify、xxxFormatxxx