vs code The shortcut keys for formatting code are as follows ： ( Source address )

• On Windows Shift + Alt + F
• On Mac Shift + Option + F
• On Ubuntu Ctrl + Shift + I

1、 The code is formatted as eslint style

link : ( For the installation of plug-ins, please refer to here )
Plug in required ：eslint

Add... To the settings ：

"eslint.autoFixOnSave": true,
"eslint.validate": [
  "javascript",
  "javascriptreact",
  {
    
    "language": "html",
    "autoFix": true
  },
  {
    
    "language": "vue",
    "autoFix": true
  }
],

eslint.autoFixOnSave Used for automatic formatting when saving , But only supported by default javascript .js file .

eslint.validate The file type used to configure the role .

Then when saving the code , It will be automatically formatted as eslint style （ It needs to be saved many times ）.

2、HTML Format code indent

Plug in required ：Vetur
link : ( install Vetur Reference here )

After installing this plug-in , You can see the following in the settings ：

In order to make HTML Code can be formatted and indented , Add the following ：

"vetur.format.defaultFormatter.html": "prettier"

Use the shortcut key of formatting code