Got a few problems while evaluating phpstorm

Could you please share a screenshot of your File | Settings | Tools | Web Browsers and Preview settings & a video/gif that would illustrate the problem?

As for TailwindCSS: please update to ver 2021.3.1 & check again - should be working there.

got tailwind working but not preview and the browser preview.

video

https://youtu.be/Ll0hOtOUJIk 

Thanks for the video. That's happening because of 2 things:

1) you have Reload behavior configured to "On save" which means that preview would refresh only when you trigger the save event: either manually via Ctrl+S, or automatically e.g. via switching focus out of IDE and back;

2) the actual changes are happening in another (included) file. There were no changes in the file you're using "preview" for - because of that IDE isn't triggering a "reload" event to load the changes from included files.

To get a better experience with this you can add some temporary changes in your index.php file & hit ctrl+S to save it & trigger reload. Also you can switch "Reload behavior" at File | Settings | Tools | Web Browsers and Preview to "On change" but that would result in much more frequent content reloads.

You can also do a "Preview" for the wp-header page itself, not an index.php which simply calls that page.

Im building for WordPress, so your telling since i need to watch 2 files at once there is no way? Because i need to watch the index as well

Then add a temporary change to an index.php file (e.g. a line comment) and hit "Save" to trigger the reload event.

Is there a way to automatically?

Yes, as advised: you can change File | Settings | Tools | Web Browsers and Preview > Reload page in build-in preview to "On Change". But there still will be noticeable delay displaying the changes coming from included files.