📝

TailwindCSS のクラス名が覚えられないので素のCSSから補完してくれるVSCodeの拡張機能作ってみた

2023/09/11に公開

素のCSSを書くとTailwindのクラス名を候補に出してくれる拡張機能です

https://github.com/igtm/vscode-tailwind-suggestions-for-csser

https://marketplace.visualstudio.com/items?itemName=igtm.tailwind-vscode-suggestions-for-csser

作った背景

公式の拡張機能はTailwindのクラス名を覚えてないと意味がなく、例えば font-size と打っても text- と補完してくれないため覚えるまで開発スピードが上がらないのが課題だなと感じていました。

おわりに

現状はまだ動くところまでできたという感じで、まだ対応できてないクラス名や付けたい機能がるため少しずつ開発していく予定です。不具合等あればIssueにてお知らせください!

開発風景

Youtubeで公開しているので良ければご覧ください
https://www.youtube.com/watch?v=GByqf2hFnQI&list=PL77LAUPIwgU9ZMwqvQEIexBorThxTls1x

Discussion