VSCodeで.astroファイル編集中にEmmetが機能しない場合の対処

概要

VSCodeで拡張子が.astroファイルを編集中に文字列「div」の後にキー「ctrl+E」を押してもタグに変換されなかった。
Emmetの設定を行うことで解決した。

解決策

VSCode上でEmmetはファイルの拡張子でON/OFFを決めているらしい。
初期状態では.astroファイルはEmmetがOFFなので、設定でONに変えてあげれば良い。らしい。

手順

  1. 「Ctrl+,」で設定を呼ぶ
  2. 上部設定の検索から「emmet include languages」を探す
  3. 「項目の追加」から {項目 : astro, 値 : html} を追加する

参考

How to enable emmet in .astro? – stackoverflow

https://stackoverflow.com/questions/72789413/how-to-enable-emmet-in-astro

コメントをどうぞ

メールアドレスが公開されることはありません。 が付いている欄は必須項目です