VS Code 終了タグが左にジャンプする

VS Code 終了タグが左にジャンプする

VS Code を使用する場合、タグを入力し、コードを入力して Enter キーを押し、閉じる を入力します。最後の > キーを押すと、閉じる div タグが左にジャンプし、所定の位置に配置するために Tab キーを数回押す必要があります。これを調整するにはどうすればよいですか?

画像

答え1

これはVS Codeの「自動インデント」機能によって発生しているようです。これを調整するには、「設定」(Ctrl + ,)に移動して「エディター.自動インデント」の値を次のように変更します「なし」または「保持」「advanced」または別の値の代わりに、 を使用します。これにより、div「 」キーを押したときに終了タグが左にジャンプすることがなくなります>

ここに画像の説明を入力してください

または、「設定」(Ctrl + ,)に移動して「エディター.formatOnType」と入力し、値を変更してそのオプションのチェックを外すか、false に変更します。これにより、入力時にコードの自動フォーマットが無効になります。

さらに、VS コードのフォーマットShift+Alt+F投稿と、そこにリストされている、、などのオプションを確認してCtrl+K Ctrl+FCtrl + Shift + Pどれかが役立つかどうかを確認します。

答え2

私が見つけた他の提案は役に立ちませんでした (設定はすでに適切なものでした)。役に立ったのは、これがどこでも発生するわけではなく、実際には PHP ファイルであるブレード テンプレート ファイルで特に発生し、HTML ファイルとは異なるインデントが予想されることに気づいたことです。その後、「Laravel Blade Snippets」拡張機能をインストールすることで、この問題は修正されました。

答え3

この動作は設定エディタの自動インデントで制御されます。Keep に設定すると、タグを入力した場所と同じインデントが維持されます。

答え4

PHP Intelephenseプラグインをインストールすることでこれを修正できました

関連情報