How does the vetur plug-in for vscode format html code?

I know I can use

<i-control-layout 
      ref="controls" 
      :btnCol="3" 
      :toolbar="treeToolbar" 
      moreBtnType="default"
 ></i-control-layout>
Mar.02,2021

The official plug-in for

vuejs has a eslint-plugin-vue , which uses
with eslint, so the eslint configuration file (.eslintrc.js) is as follows:

module.exports = {
    //...
     extends: [
    // https://github.com/vuejs/eslint-plugin-vue-sharppriority-a-essential-error-prevention
    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
    'plugin:vue/recommended', // vue-templateessential recommend
    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
    'standard'
  ],
  plugins: ['vue'],
    rules: {
         'vue/max-attributes-per-line': [
              2,
              {
                singleline: 3,
                multiline: {
                  max: 3,
                  allowFirstLine: false
                }
              }
          ]
    }
}
Menu