Visual Studio 코드 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

비주얼 스튜디오 코드는 파일의 잘못된 유형에 때 JSX의 형식을 문제가있는 것으로 보인다.

ESLint와 "JavaScript 및 TypeScript intelliSense"확장은 또한 마음에 들지 않습니다.

Webpack은 무엇이든지 작동합니다.