Visual Studio Code でHTMLの終了タグ自動生成が邪魔

Question

最近、sublime textからvscodeへ乗り換えたのですが、HTMLで開始タグを入力すると自動で書かれる終了タグにストレスを感じることが多々ありました。

例えば、元々文章が書かれているところにタグをつけようとした場合、
<h1></h1>何かしらの文章のようになってしまいます。
sublime textでは開始タグがあると </ まで書くと自動で終了タグを書いてくれます。

もちろん自動で終了タグが生成されて便利なことも多いので、できれば入力の際に切り替えできればいいのですが、自分の検索力ではたどり着けませんでした。

自分はwin10, vscode:1.33.1を使用しています。

もし良い方法やオススメの設定等があればご教授ください。
よろしくお願いします。

Answer 1

別の方もお書きになっていますが、VS Codeに標準で組み込まれているHTML拡張機能が邪魔をしています。また、Auto Close Tagもそれを考慮して、HTMLが対象外になる初期設定になっています。

まずは、設定画面で「HTML: Auto Closing Tags」を検索し、デフォルトでチェックされているのを外してください。

あとは、Auto Close Tagを導入して、設定画面で「Auto-close-tag: Sublime Text3 Mode」をチェックし、「Auto-close-tag: Activation On Language」の「settings.jsonで編集」をクリックして、設定の中に「"html",」を追加すれば、「自分で</まで入力したときだけ、残りをVS Codeが補完する」という動作になります。

Comments

[tatataro]

ありがとうございます！
無事希望通りの動作を確認できました！

Answer 2

セッティング→拡張機能→HTML→auto　closing　tag　の印を外せば出来ました。
僕も同じ状況で、勉強中の身では邪魔です。仕事をするには非常に助かりますねｗ

Answer 3

VSCの設定で「テキストエディター」の項目に
「Auto Closing Brackets」という項目があるのでこれが原因かもしれません。

自分はタグを自動で閉じてくれる拡張機能を使っています↓

• Auto Close Tag - Visual Studio Marketplace

Comments

[tatataro]

sublime text mode があるということで，こちらのパッケージをインストールしてみたのですが，
setting.jsonでautoClosingBracketsをnever，SublimeText3Modeをtrueにしても自動で終了タグが生成されてしまいました．
再起動もしてみたのですが効果がない状況です．
何か他に設定などされましたか？

[sola-msr]

んー自分は特にVSC標準の設定を変更していない状態でプラグインをたくさん入れているので、あまり参考にならないかなと。

一旦すべてのプラグインをアンインストールして、素の状態から設定を調整していくのが早いかもしれません。
（VSCの標準の設定を上書きしているプラグインが悪さをしている可能性もあるかもしれないので）

[tatataro]

色々とありがとうございます。
自分はまだjapanese language packとvscode-iconsしか入れてなかったのですが、とりあえずアンインストールしてauto close tag しかない状態でsetting.jsonにsublimetextmodeをtrueのみで試しましたが、やはり変化はないみたいです・・・
もう少し調べてみたいと思います。
他に何か気づいたことがありましたら、よろしくお願いします。