そのへんの日記

そのへんにいる

JSXでもEmmetを使う

デフォルトだとhtml/cssファイルでしかEmmetが使えないが、設定を追加することでJSXでもEmmetを利用できる。

設定方法

  1. 左下の歯車マーク>設定>拡張機能>Emmet>Include Languagesで項目の追加ボタンを押す
  2. 項目に javascript , 値に javascriptreact を設定する

設定>拡張機能>Emmet>Include Languages
VSCodeでInclude Languagesに設定した

ユーザーで定義したコンポーネントだけだと使えないっぽいが、普通のdom要素(div等)と組み合わせたらEmmetで展開できて便利な気がする。