在VS Code中保存命令格式代码问题

Question

每当我尝试快速保存我的React代码时，我的代码都会立即格式化，并且到处都会出现许多错误。

这是我在Mac上按Command + S时将代码重新格式化为的格式。

 import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
  return ( <
    div className = "App" >
    <
    header className = "App-header" >
    <
    img src = {
      logo
    }
    className = "App-logo"
    alt = "logo" / >
    <
    p >
    Hello my name is  <
    /p> <
    a className = "App-link"
    href = "https://reactjs.org"
    target = "_blank"
    rel = "noopener noreferrer" >
    Learn React <
    /a> <
    /header> <
    /div>
  );
}

export default App;

为什么会这样？

更新：问题在于漂亮的格式扩展名。我禁用/卸载了它，现在一切正常。