vscode - jsxコードの書式が正しくない

Question

vscodeは私のお気に入りのエディタです。コードの書式設定に問題があります。ここに私のjsxコードされています

return <div className={panelHeadingClassName}> 
    <h3 className={style.panelTitle}> 
     <i className={iconStyle[iconClass]}></i> 
     {title} 
     <small className={style.panelSubTitle}>{subTitle}</small> 
    </h3> 
</div> 

私はそれをフォーマットするoption + shift + Fを使用する場合、それは私にこれを与える：

return <div className = { 
    panelHeadingClassName 
} > 
< 
h3 className = { 
    style.panelTitle 
} > 
< 
i className = { 
    iconStyle[iconClass] 
} > < /i> { 
    title 
} < 
small className = { 
    style.panelSubTitle 
} > { 
    subTitle 
} < /small> < 
/h3> < 
/div> 

はもちろん、それは正しくありません。

vscode版 - v1.10.2、およびない拡張子をフォーマットする任意のコードをインストールしてください。

私は拡張子をフォーマットする任意のコードをインストールしたくないので、これを正しく行うにvscodeのための任意の設定はありますか？

- アップデート - そのため

申し訳ありません。インストールされている内線番号を確認し、Beautifyの内線番号を見つけました。しかし、なぜvscodeコードの書式設定を使用するのですか？Beautifyを使用していますか？あなたが注意したよう

Answer 1

は、美しく拡張子は（this issueを参照）、ここで根本的な原因です。 "beautify.language"からjsエントリを削除することによって

• だけのjsファイルの拡張子
• 無効に美しくを無効にします。その拡張子を使用すると、formatコマンドに

  いくつかのオプションを実行したときにVSCodeが実行される文書フォーマッタを提供します設定

• ファイルの言語モードがjavascriptreactであることを確認してください。私は、これはファイル