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都可以工作。