How to enable Tailwind Intellisense for TSX Files

How to enable Tailwind Intellisense for TSX Files

Step 1

Install Tailwind to your project

Step 2

Install Tailwind CSS IntelliSense VSCode extension

Step 3

Go to VSCode Settings

Screenshot 2024-07-10 at 14.06.33.png-img

Step 4

Search for tailwindCSS.includeLanguages

Screenshot 2024-07-10 at 14.10.30.png-img

Step 5

Add Item: "plaintext": "javascript"

OR use the short version below by editing .viscode/settings.json:

Screenshot 2024-07-10 at 14.13.31.png-img

.viscode/settings.json

Result

Screenshot 2024-07-10 at 14.03.17.png-img

Back to articles