vscode使用Eslint + prettier + beautify 格式化vue 代碼不換行

setting.js文件配置

{
  "window.zoomLevel": 0,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "git.user.name": "",
  "git.user.email": "",
  "vetur.validation.template": false, // 使用eslint插件時需要把此項設置為false
  "vetur.validation.script": true, //檢查js代碼
  "vetur.validation.style": true, //能檢查css的屬性是否存在,分隔符是否正確，
  "vetur.format.defaultFormatter.html": "js-beautify-html", //默認采用js-beautify-html格式化
  "editor.tabSize": 2,
  "editor.formatOnSave": true, // 每次保存自動補全校驗
  "vetur.format.defaultFormatterOptions": {
    //對vue文件html的格式化，對js的格式化在全局的prettierrc.json文件控制
    "js-beautify-html": {
      "wrap_attributes": "auto",
      "indent_size": 2, //縮進大小
      "indent_char": " ", //縮進字符
      "indent_with_tabs": false,
      "eol": "\n", // 用作行終止的字符，默認為\n
      "end_with_newline": true, //是否用換行符結束
      "preserve_newlines": true, // 是否保留現有的換行符
      "max-preserve-newlines": 40, // 一次可保留的最大換行數
      "indent-inner-html": true, //縮進 head body代碼片段
      "wrap_line_length": 1200, //超過多少字符換行
      "editorconfig": false //使用editorconfig設置選項
    }
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "prettier.semi": true,
  "prettier.singleQuote": true,
  "html.format.maxPreserveNewLines": 40,
  "html.format.enable": false
}