javascript - VSCode 错误的 javascript 格式

Question

我正在 Ubuntu 18.04 上的 VS Code 中编辑一些 javascript 文件(尤其是 reactjs coed)。但是，“格式化”真的很糟糕。

前:

import React, { Component } from 'react';
import './App.css';
import Dropzone from 'react-dropzone';

class App extends Component {

    render() {
        return (
            <div className="App">
                <Dropzone onDrop={this.onDrop} />
            </div>
        );
  }
}

export default App;

后:

import React, {
    Component
} from 'react';
import './App.css';
import Dropzone from 'react-dropzone';

class App extends Component {

    render() {
        return ( <
            div className = "App" >
            <
            Dropzone onDrop = {
                this.onDrop
            }
            /> <
            /div>
        );
    }
}

export default App;

以前，我在 Windows 10 上用 VS Code 编辑这些文件，格式化程序很棒。有没有我错过的扩展？或者我在这里做错了什么。要格式化，我使用“格式化文档”键盘快捷键。

这是我目前的扩展:

Answer 1

就我而言，这种行为的罪魁祸首是 Vscode 上的 Beatify 扩展。禁用解决了 issue .