ビジュアルスタジオコードjavascript destructuring assignmentフォーマット上に新しい行を作成

Question

Visual StudioコードでJavaScriptとTypeScriptコードを自動フォーマットするときに、構造の割り当てを省略していくつかの問題がありました。 私はこのようになりました：

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

が、私はこのようなルックスにそれを必要とする：

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

は私が美しくがインストールされている、と私の設定で：

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

Iを他のどこにも見つからないで、新しい行をfalseに設定することができます。 それを正しく設定する方法はありますか？

Answer 1

この問題は、Reactコンポーネントが関連するときにファイル拡張子を変更することで解決することがあります。たとえば ：

* .jsファイル - > * .jsxの
* .TS - > * .tsx

Visual Studioのコードは、ファイルの間違った種類にいたときにJSXをフォーマットするトラブルを持っているようです。

ESLintと「JavaScriptとTypeScript intelliSense」の拡張も、それを好まないようです。

Webpackは何があっても動作します。