VSCodeはjsxのHTML要素を自動インデントしないようですか?
それを修正する方法はありますか。
更新:
InAtom:
return
キーを押した後、結果は(カーソルの位置に注意してください):
VSCodeの場合:
言語をJavascript React
に変更し(手順については他の回答を参照)、次のコマンドを使用します。
alt + shift + f
esben Petersenによる拡張機能「Prettier-Code formatter」を使用します。ファイルがjsxファイルであると仮定すると、保存時に自動フォーマットされます。
1。ユーザー設定を追加
"files.associations": {
"*.js": "javascriptreact"
},
2。プラグインのインストール
Auto Install Tag
そしてリロード。問題が修正されます。
ところで、私は今バグがあると思う。コンポーネントの小道具の自動インデントがなければうまく機能しますが、小道具があれば、今は機能しません。
<Component>Enter
===>
<Component>
:
</Component>
だが
<Component someProps={10}}Enter
===>
<Component someProps={10}>
:</Component>
これを修正できる人は私を助けてください:)私はMacで使用しています