TailwindCSS IntelliSenseで補完されない場合の対処法

Vue.js
記事内に広告が含まれています。

対象:VSCのTailwindCSS IntelliSenseで補間されなくて困っている方

最近、tailwindcssがver4.0が公開されました。

それに伴って、色々な機能が追加されたのですが、前々からあるVSCの拡張機能の

「TailwindCSS IntelliSense」が使えなくなってしまいました。

しかし、簡単に復活させることができるので、その方法について記述していきます。

その方法はすごく簡単で、

プロジェクトフォルダにtailwind.config.jsを作るだけです

中身は空でも問題ありません。

追加後、適当に<div class=””>の””の中に入力してみてください。

すると、補完されるようになると思います。

まとめ

tailwindCSSのver4.0にしてvscの拡張機能のTailwindCSSが使えなくて困っている方は

プロジェクトファイルにtailwind.config.jsを作りましょう!

タイトルとURLをコピーしました