वीएस कोड - फ़ॉर्मेट करते समय टैग अंत और टैग खोलने को कैसे संरेखित करें? (जेएसएक्स)

Question

मुझे नहीं पता कि यह वीएस कोड के लिए डिफ़ॉल्ट व्यवहार है, (मेरे पास डिफ़ॉल्ट के शीर्ष पर बहुत सी कस्टम कॉन्फ़िगरेशन है)

लेकिन जब मैं कोड स्वरूपित करता हूं, तो यह इस तरह के कोड को बदलता है:

const simpleInput = (
    <Input 
     {...input} 
     {...others} 
     state={state} 
    /> 
); 

में:

const simpleInput = (
    <Input 
     {...input} 
     {...others} 
     state={state} 
     /> <- Here is the difference 
); 

और मेरे es-फाहा के बारे में यह [eslint] The closing bracket must be aligned with the line containing the opening tag (expected column 5) (react/jsx-closing-bracket-location)

मैं इसे कैसे ठीक कर सकते हैं तो यह संरेखित एक चेतावनी फेंक टैग शुरू होने के साथ ठीक से है?

फ़ाइल की तुलना में एक .js फ़ाइल में JSX का उपयोग कर रहा है, मैंने वीएस कोड accordingly कॉन्फ़िगर किया है।

Answer 1

वीएससीओडी ऑटो प्रारूपण के लिए https://github.com/Microsoft/TypeScript का उपयोग करता है।

एक ही समस्या आप के लिए टाइपप्रति रेपो में हाल ही में बंद मुद्दा नहीं है: अभी तक https://github.com/Microsoft/TypeScript/issues/8663

परिवर्तन VSCode स्थिर संस्करण को परिलक्षित नहीं किया गया है, लेकिन VSCode अंदरूनी के वर्तमान संस्करण (https://code.visualstudio.com/insiders) यह टैग के साथ -0ign30 समापन ब्रैकेट।

आप डाउनलोड करने और रंगमंच की सामग्री गठबंधन कोष्ठक का उपयोग करने के VSCode अंदरूनी का उपयोग करें या बदलने के अपने eslint शासन जब तक यह स्थिर रिलीज के लिए बनाता है सकते हैं:

"react/jsx-closing-bracket-location": [ "warning", "props-aligned" ],