Visual Studio代码javascript解构分配在格式上创建新行

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

当 JSX 文件类型错误时，Visual Studio Code 似乎无法格式化 JSX。

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

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