Tailwind CSS IntelliSenseの補完がうまく効かない場合の対処法

こんにちは！kossyです！

さて、今回はTailwind CSS IntelliSenseの補完がうまく効かない場合の対処法について、ブログに残してみたいと思います。

環境

VSCode 1.54.1
Tailwind CSS IntelliSense 0.5.9

settings.jsonの設定を変更する

結論から申し上げますと、以下のようにsettings.jsonに変更を加えればOKです。

settings.json

{
  "editor.quickSuggestions": {
    "strings": true
  }
}

settings.jsonを編集するには、画面上部のcodeを選択 → Preference → settings から、「tailwind」と検索し、Edit in settings.json をクリックすると編集できます。

一度VSCodeを閉じて、再度開いて動作を確認してみます。

概ね反映されていそうです。補完が効くと本当に快適ですね。

勉強になりました。

大いに参考にさせていただいたサイト

この場を借りて御礼を申し上げます。
https://twitter.com/shimabu_it/status/1370925220190593025
https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss