VSCodeでVueファイルのhtmlコメントアウトを<!-- -->にしたい
解決したいこと
VSCodeで.vueファイルを編集時、<template>タグ内でコメントアウトのショートカットを使うとhtmlタグが{# #}で囲まれてしまいます。
<script></script>や<style></style>の部分ではそれぞれ適したコメントアウトになるのですが、なぜかhtmlだけうまくコメントアウトできず困っています。
sample.vue
<!-- ショートカットでコメントアウトした結果 -->
<!-- <script setup> -->
<!-- <template> -->
<!-- <style></style> -->
<!-- templateタグ内のコメントアウトだけ以下のようになる -->
{# <section> #}
環境
Mac: 12.5
VSCode: 1.78.2 (Universal)
settings.json
{
"explorer.confirmDragAndDrop": false,
"explorer.autoReveal": false,
"editor.tabSize": 2,
"javascript.updateImportsOnFileMove.enabled": "never",
"php.format.codeStyle": "K&R",
}
エディターに大した設定はしていないつもりです。
Vueに対応させるため、Vue関連で必要最低限のプラグインは入れました。
0