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 - > * .jsx
* .ts - > * .tsx

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

ESLint和“JavaScript和TypeScript intelliSense”扩展似乎也不喜欢它。

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