20.09.2021, Technical documentation & snippets

Tailwind Autocomplete with PHPStorm (WebStorm) does not work

Problem:

For example, if you are creating a Laravel app and are wondering why PHPStorm or WebStorm is not autocompleting your CSS classes in Blade templates or HTML files, it is most likely because the CSS file is too large.

For autocomplete to work, the reference file must be able to be indexed by PHP-Storm. PHPStorm has a default upper limit for processing text files, which is 2.5 MByte.

In my case, the file public/app.css was over 3 MB in size and was therefore not indexed:

Solution:

Extend the boundary. The following steps are necessary for this:

  1. Increase upper limit: Help > Custom Properties. A small editor opens
  2. Entry by:
    idea.max.intellisense.filesize=5000

    or the desired upper limit


  3. Restart PHPStorm. Now the CSS file should be indexed and autocomplete is possible again.

See also