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。

Answer 2

我个人在React中将Prettier用于JS和CSS格式，将JS JSX Snippets用于JSX。我尝试了很多其他方法，但是有了这2种方法，我可以保证您的React代码看起来很漂亮。

Answer 3

这是解决方案，

手动将语言更改为“javaScript React”

尝试使用您最喜欢的格式化程序（您可以安装 vs 代码扩展，例如“Prettier”、“beautify”）

干杯！

Answer 4

嘿，js jsx snippest 有效，它在 VS Code 中的扩展 ID 是 skyran.js-jsx-snippets，或者您可以简单地输入 js jsx snippest 进行搜索。安装它，安装后，进入格式化文档..->configure default formatter->js jsx snippest 把它设为默认然后它会适当地格式化（你可以用它格式化而不设为默认）但是如果你把它设为默认值，你只需要每次点击格式化文档而不是选择格式化程序。）

如果在保存文件时您的格式化文本变得变形，那么您需要禁用或卸载其他格式化程序，例如 JS-CSS-HTML 格式化程序、美化、美化 css/sass/scss/less 等。

Answer 5

我个人建议Lonefy使用JS-CSS-HTML Formatter扩展名。

请在此处引用link。

VSCode javascript格式错误

5 个答案: