Level 4
may be you don't have installed plugins for taiwindcss. check for that. in vscode there is one.
Mar 20, 2022
5
Level 5
Tailwind suggestions not showing on Phpstorm 2021.3.2
Hello I'm finishing the Laravel 8 From Scratch course, but during all the course PhpStorm isn't showing the tailwind suggestions while building blade.php pages.
In the course Jeffrey shows us to link tailwind via link:rel on the layout.blade component. Researched a bit but didnt find a solution. I remember with previous versions of PhpStorm and linking tailwind via npm as it says in the documentation did show the suggestions, but linking tailwind with link tag it doesnt. It shouldn't show the suggestions anyways? Someone knows a fix for this or maybe am I missing something in the settings?
The link:rel that i'm using is this one:
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
Level 5
@rajeshtva I have the "Tailwind CSS", "Tailwind CSS Smart Completions" plugins installed.
Level 4
may be the ide is meant to show classes from cdn css files. only from npm_modules. but still i think there must be some way to add a css file for ide autocompletion. sorry i can't help you with exact solution . i don't use jetbrains ide. only vscode.
Level 5
This advice helped me - https://sjorso.com/posts/how-to-fix-phpstorm-not-autocompleting-tailwind-css-classes. Set property to PHPStorm, download .css to External Libraries and restart PHPStorm.
1 like
Level 5
For autocompletion to function properly, PHPStorm needs to index the reference file. By default, PHPStorm can process text files up to a maximum size of 2.5 megabytes.
Solution for Laravel Projects:
- Increase the upper limit: Help > Edit Custom Properties
- Insert: idea.max.intellisense.filesize=5000
- Restart IDE
Please or to participate in this conversation.