vscode中用快捷键 Alt + Shift + F 格式化代码不生效（文件中 script脚本部分的代码没有格式化）的问题

在 vscode 中书写代码，有时候缩进格式不一致，代码没有对齐，看起来既不美观，又影响排查错误，按快捷键 Alt + Shift + F 格式化代码时不生效，甚至提示 “HTML” 文件有多个格式化程序。选择默认格式化程序以继续，如下图中所示：

解决方法：

1. 检查是否安装了 Beautify 插件，如果没有安装，先按照以下步骤安装

2. 安装好了以后，打开 vscode 的本地设置，如下图所示：

3. 在setting.json文件中加上这部分代码

"beautify.language": {
        "js": {
          "type": [
            "javascript",
             "json",
            ],
          "filename": [".jshintrc", ".jsbeautifyrc"]
          // "ext": ["js", "json"]
          // ^^ to set extensions to be beautified using the javascript beautifier
        },
        "css": [
          "css", 
          "less",
          "scss"
        ],
        "html": [
          "htm",
           "html",
           "vue"
          ]
        // ^^ providing just an array sets the VS Code file type
      },

      "editor.codeActionsOnSave": { // 代码保存时自动使用eslint校验
        "source.fixAll.eslint": true
      },
      "eslint.format.enable": true, // eslint格式化开启
      "eslint.validate": [// eslint校验的文件列表
        "javascript",
        "vue",
        "html"
      ],

      /* 添加如下配置 */
      "vetur.format.defaultFormatter.js": "none",// 取消vetur默认的JavaScript格式化工具
      "[javascript]": {
        "editor.defaultFormatter": "dbaeumer.vscode-eslint" // 只采用eslint的格式化
      },
      "[vue]": {
        "editor.defaultFormatter": "octref.vetur" // vue文件还是采用vetur格式化
      },
      "[html]": {
        "editor.defaultFormatter": "HookyQR.beautify"
      }

4. 如下图中所示：
   
   
5. 保存 setting.json文件，关掉vscode，然后以管理员身份重新运行 vscode
6. 按快捷键 Alt + Shift + F 格式化代码 看是否成功，如果成功了，则不需要下面的操作，如果没有成功，弹出下图中的提示：
   
7. 在 vscode 中 按 Ctrl + P，在顶部出现的下拉选项中选择“Beautify HookyQR.beautify, 如下图所示：
   
8. 再按快捷键 Alt + Shift + F 格式化代码， 就可以了