javascript - 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
}

我找不到任何其他地方可以将 place new line 设置为 false。 知道如何正确设置吗？

Answer 1

我注意到这个问题可能会在涉及 React 组件时通过更改文件扩展名来解决。 例如:

*.js -> *.jsx
*.ts -> *.tsx

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

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

Webpack 无论如何都能工作。