visual studio code javascript destructuring assignment在格式

Question

在Visual Studio Code中自动格式化JavaScript和TypeScript代码时，我遇到了解构分配速记的问题。 我有这样的结果：

var {
    check,
    validationResult
} = require("express-validator/check");

但我需要它看起来像这样：

var { check, validationResult } = require("express-validator/check");

我安装了 Beautify ，并在我的设置中：

{
    "editor.wordWrapColumn": 160,
    "typescript.format.placeOpenBraceOnNewLineForFunctions": false,
    "typescript.format.placeOpenBraceOnNewLineForControlBlocks": false,
    "javascript.format.placeOpenBraceOnNewLineForFunctions": false,
    "javascript.format.placeOpenBraceOnNewLineForControlBlocks": false
}

我找不到其他地方我可以设置新行为false。 知道如何正确设置吗？

Answer 1

我注意到，当涉及React组件时，可以通过更改文件扩展名来解决此问题。 例如：

*。js - ＆gt; * .jsx
* .ts - ＆gt; * .tsx

Visual Studio Code在错误类型的文件中格式化时似乎很难格式化JSX。

ESLint和＆＃34; JavaScript和TypeScript intelliSense＆＃34;扩展似乎也不喜欢它。

无论如何，Webpack都可以工作。