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?
ベストアンサー1
ご指摘のとおり、Beautify拡張機能が根本的な原因です（この問題）。この拡張機能は、VSCodeでformatコマンドを実行するときに実行されるドキュメントフォーマッタを提供します。
いくつかのオプション:
- 拡張機能を無効にする
- 設定
jsからエントリを削除して、jsファイルのみのBeautifyを無効にします。"beautify.language" - ファイルの言語モードが であることを確認してください
javascriptreact。これにより、ファイルで Beautify が実行されなくなると思います。