IntelliJでtailwindcssのインテリセンス効かへんやんけ！！！と思った時にやったこと

この記事は約 4 分で読めます。

皆さんこんにちは！ひろしです！

今週２記事目！頑張ってる！！！

最近はCSSフレームワークでtailwind cssってめちゃくちゃ有名ですよねーーー！

私も自分のプロダクトで入れているのですがcssのクラス名をつけなくても良いってだけでこんなにも楽になるものかと。。すごく感動しております！！

ただ、IntelliJを使っているとたまにTailwind CSSのインテリセンスが効かなくなる現象があります。

これマジだるい。開発効率が一気に落ちるんで。。

この記事ではIntellJを使っていてTailwind CSSのインテリセンスが効かない人向けにつらつらと書いております！

必要なプラグインは入っていますか？

まずはSetting -> plugin からTailwind Cssのプラグインを入れましょう。

これでIntelliJでTailwind cssのサポートが有効になります。

ぶっちゃけこのプラグインが無いからインテリセンスが効かないとか実験したわけでは無いですが、このプラグインはJetbrains社製のプラグインで、Add support for the Tailwind CSS frameworkと書かれているので、特に何も考えずに入れましょう。

とりあえず再起動

この状態でとりあえず再起動します。

特にどこからするとかはなく、✕ボタンで閉じて、再度Recent projectから立ち上げます。

大体これで直ります。

IntelliJを起動後新たに追加したファイルにはインテリセンスが効かない

おそらくIntelliJの背景でTailwindCSSを適用させるファイルのインデックスを持っていると思います。

IntelliJを起動した後に新しくファイルを追加すると、そのインデックスから漏れてしまってTailwindCSSのインテリセンスが効かないというパターンがあるのでは？と推察しています。

その場合は再起動すれば再インデックされてTailwindCSSのインテリセンスが効くようになります。が、、、

わざわざIntelliJを閉じないとインテリセンスが効かないってのはめちゃくちゃめんどくさいので、、、どうすれば良いかは模索中です。

それでも無理ならCache削除

それでも治らなければ、Cacheの削除！

ぶっちゃけここまでやらずとも再起動でどうにかなっていますが、どうしても治らない場合一度Cache削除をやってみましょう。

それでもどうにもならない場合は？

ChatGPTを使ってみる

今流行のChatGPT！一度聞いてみてはいかがでしょう？？

これで解決するかは不明ですが、、聞いてみる価値はあると思います！

JetBrainsのForumで聞いてみる

上記URLはJetbrains社のForumです。Jetbrains社製のIDE/Editorを使用している人のQ&A的なサイトなのでこのForumで聞いてみましょう。

以上！