Detailed explanation of Vue save automatic formatting line break

{
  //Set the text size "editor.fontSize": 18,
  //Set text line height "editor.lineHeight": 20,
  //Open line number prompt "editor.lineNumbers": "on",
  // Show a small panel with parameter documentation and type information on input.
  "editor.parameterHints.enabled": true,
  // Adjust the zoom level of the window "window.zoomLevel": 0,
  // File Directory // "workbench.iconTheme": "vscode-icons",
  // Set the font "editor.fontFamily": "'Consolas','Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
  // Automatic line wrap "editor.wordWrap": "on",
  // Customize vscode panel color "workbench.colorCustomizations": {
    // "tab.activeBackground": "#253046", // Background color of the active tab// "activityBar.background": "#253046", // Background color of the activity bar// "sideBar.background": "#253046", // Background color of the sidebar// "activityBar.foreground": "#23f8c8", // Foreground color of the activity bar (e.g. for icons)
    "editor.background": "#292a2c" //Editor background color},
  // By default, vscode enables the option "editor.detectIndentation": false, which automatically sets the tabsize based on the file type.
  // Reset tabsize
  "editor.tabSize": 2,
  // #Automatically format each time you save "editor.formatOnSave": true,
  // #Add a space between the function (name) and the following parentheses "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  // #This is selected according to the user's own habits "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #Let the js in vue be formatted according to the ts format that comes with the editor "vetur.format.defaultFormatter.js": "vscode-typescript",
  // Code ESLint action type to run on save.
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  // Add emmet support vue file "emmet.includeLanguages": {
    "wxml": "html",
    "vue": "html"
  },
  // Whether to wrap the two selectors "minapp-vscode.disableAutoConfig": true,
  //Quick preview (right side)
  "editor.minimap.enabled": true,
  // tab code completion "files.associations": {
    "*.wpy": "vue",
    "*.vue": "vue",
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  // Used to configure how to start ESLint using the ESLint CLI engine API. Defaults to empty options "eslint.options": {
    "extensions": [
      ".js",
      ".vue"
    ]
  },
  // Execute linter in onSave or onType. The default is onType.
  "eslint.run": "onSave",
  // Enable ESLint as a formatter for validated files.
  "eslint.format.enable": true,
  // Array of language identifiers for which the ESLint extension should be activated and should try to validate files.
  "eslint.probe": [
    "javascript",
    "javascriptreact",
    "vue-html",
    "vue",
    "html"
  ],
  //Close the rg.exe process and use cnpm, which will cause rg.exe to occupy a lot of memory. "search.followSymlinks": false,
  // Set property partition for js-beautify-html "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto",
      "wrap_line_length": 200,
      "end_with_newline": false
    },
    "prettyhtml": {
      "printWidth": 200,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": false
    },
    "prettier": {
      "semi": false,
      "singleQuote": true
    }
  },
  // style defaults to an indent offset
  "vetur.format.styleInitialIndent": true,
  // Define the space after the function keyword of the anonymous function.
  "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": true,
  // Define how to handle spaces before function parameter brackets.
  "typescript.format.insertSpaceBeforeFunctionParenthesis": true,
  // New version message "vsicons.dontShowNewVersionMessage": true,
  // Controls whether Explorer confirms when deleting files to the Trash.
  "explorer.confirmDelete": true,
  // Use eslint-plugin-vue to verify vue-html in <template>
  "vetur.validation.template": false,
  // Specify the color theme to use in the workbench.
  // "workbench.colorTheme": "One Dark Pro"
}