Vetur 閉じタグの補完

Question

.vueのテンプレートを書いていると、閉じタグが補完されなくて面倒です。
（<pまで書いて>を入力すると<p></P>になるやつです）

ただのhtmlやAngularのテンプレートではできていたのですが
何がこれをやってくれていたのでしょうか。

Answer 1

それはVSCodeのビルトイン機能で、settingsのhtml.autoClosingTagsに対応していますが、Veturにはないようです。

回避策になりますが、Emmetの機能を使用するとできます(デフォルトで有効になっているはずです)。<をつけずにタグ名、例えばdivと入力してEnterかTabを押すと<div></div>になります。Emmetはもっと複雑なHTMLも素早く作れるので興味があれば調べてみてください。

Abbreviations Syntax - Emmet

Comments

[user14]

本当ですね！
助かりました。
詳しい説明ありがとうございます