✌️

css-modules向けのvscode拡張機能を作った

2021/11/11に公開

できたもの

open-css-modules-demo
https://marketplace.visualstudio.com/items?itemName=yasan.open-css-module
上記リンクからインストールできます。

どんな拡張機能?

  • jsxやtsxファイルを編集時,対応するcss moduleを開くことができます。
  • Auto Create機能をオンにすることで,css moduleがないときに自動的に作成して開きます。作成先も設定できます。

作ってみた感想

vscodeのAPIリファレンスが詳しいので作りやすかったです。
公開もvsceのコマンドですぐできるので気軽にデプロイできて便利です。
vscodeの使っているだけではわかりづらい仕組みなどを少しわかった気になれます。

今後の展望

ファイル拡張子判定などをアップデートで追加予定です。
拡張機能作るの楽しいので他にも作ろうと思っています。

Discussion