Tailwind Autocomplete mit PHPStorm (WebStorm) funktioniert nicht

Problem:

Falls Sie z.B. eine Laravel App erstellen und sich darüber wundern, warum PHPStorm oder WebStorm die Autovervollständigung für Ihre CSS Klassen in Blade Templates oder HTML-Dateien nicht durchführt, liegt es höchstwahrscheinlich daran, dass die CSS Datei zu groß ist.

Damit Autovervollständigung funktioniert, muss die Referenzdatei von PHP-Storm indiziert werden können. PHPStorm hat eine Default Obergrenze für die Bearbeitung von Textdateien, diese liegt bei 2,5 MByte.

Bei mir war die Datei public/app.css über 3 MByte groß und wurde daher nicht indiziert:

Lösung:

Erweitern der Grenze. Dazu sind folgende Schritte notwendig:

  1. Obergrenze erhöhen: Help > Custom Properties. Es öffnet sich ein kleiner Editor
  2. Eintrag von:
    idea.max.intellisense.filesize=5000

    bzw. die gewünschte Obergrenze


  3. PHPStorm Neustart. Jetzt sollte die CSS Datei indiziert werden und autocomplete ist wieder möglich.

Siehe auch

Weitere Techdoks und Snippets

Tagfilter

Ternary Operator ?: versus Null Coalescing Operator ?? versus Null Coalescing Assignment Operator ??= von Katzen erklärt

Kurz gesagt: PHP bietet zwei nützliche Operatoren zur Vereinfachung von Bedingungsüberprüfungen: den Ternary Operator (?:) und den Null Coalescing Operator (??). Beide Operatoren dienen dazu, den Code zu straffen und die Lesbarkeit zu verbessern, aber…

Shortcode E-Mail Obfuscator

Folgendes Shortcode-Snippet ist nützlich, um E-Mails zu verschleiern, um sie vor SPAM zu schützen. Dazu der Hinweis, dass diese Methode nur funktioniert, wenn Javascript aktiviert ist. Darüber hinaus gibt es keinen 100%igen Schutz vor Bots,…

TranslatePress rendert individuellen Sprachwähler für Default Sprache falsch

Problem Beim individuellen Erstellen eines Sprachwählers für TranslatePress liefert $arr ein mehrdimensionales Array mit allen notwendigen Parametern zurück, um einen individuellen Sprachwähler innerhalb einer Schleife zu rendern. Im Frontend wurde dann aber beim Aktivieren der…

Wie kann man mit dem Elementor Suchformular nur nach bestimmten Inhaltstypen suchen?

Elementor Pro besitzt ein Widget namens "Suchformular". Dieses eignet sich für die hübsche Gestaltung von Suchformularen. In der Programmatik ist dieses Suchformular leider beschränkt. Frage: Wie kann man das Elementor Suchformular so modifizieren, dass man…

Elementor Beiträge Widget mit ACF Beziehungsfeld füllen

Mit dem Beiträge Widget in Elementor kann man schon recht bequem in einer Schleife andere Beiträge, Seiten, Produkte oder Custom Post Types (CPT) ( = Benutzerdefinierte Inhaltstypen) auf einer Seite darstellen. Knifflig wird es dann…

Elementor Popup / Flyout Menü schließt sich nicht mehr für Mobile Ansicht

Elementor: Version 3.72 Verhalten: Ein Elementor-Popup öffnet sich, schließt sich aber nicht mehr (bei Klick auf Icon oder Esc oder andere Trigger). Schaut man im Quelltext findet sich die Javascript-Fehlermeldung: "Elementor t.entrance_animation_duration is undefined" Ursache:…

PHPStorm: Local Changelist in Git Tool verschwunden

Problem: Local Change List unter PHPStorm fehlt im Git Tool Lösung: Ich hatte ab und zu das Phänomen, dass die Local Changelist (die Dateien in meiner Versionskontrolle) im Git Tool als Tabreiter nicht sichtbar waren.…

Variable in Blade Komponente nicht verfügbar

Problem: Die Parameterübergabe eines Blade-Attributes funktioniert nicht, die Variable in der Komponente ist leer. Es gibt keine Fehlermeldung, sondern die Variable scheint nicht übergeben worden zu sein. Lösung: Eventuell liegt der Fehler in der Benutzung…

WP CLI Error: Error establishing a database connection.

Auftauchen: Befehle über WP CLI absetzen, Wordpress im Browser funktioniert jedoch. Dieser Fehler tritt häufig auf, wenn der WP CL Interpreter die Datenbankverbindung in wp-config.php nicht richtig interpretieren kann. Lösung: In 99% aller Fälle den…

Mit Alfred sehr schnell Px in REM / EM umrechnen

Auf dem Mac gibt es einen wunderbaren Alfred-Workflow, der Px in Rem umrechnet: Download Direktlink: https://raw.githubusercontent.com/vitorgalvao/requested-alfred-workflows/master/Workflows/Px%20Rem%20Em.alfredworkflow Einfach installieren, dann CMD-Space: Alfred Bar "pxrem" tippen und die Zahl in Pixel angeben. Die Umrechnung in REM wird…

Eine Git-Anleitung, die es einfach macht, GIT zu verstehen.

Eine durch Visualisierung sehr schnell begreifbare Dokumentation der GIT-Versionskontrolle: http://marklodato.github.io/visual-git-guide/index-en.html  

Einrichten von XDebug mit PHPStorm und Valet Development Umgebung

Vorbereitung: Homebrew sollte installiert sein Valet sollte installiert sein und laufen: https://laravel.com/docs/7.x/valet Browser Extension für PHPSTORM sollte installiert sein: https://www.jetbrains.com/help/phpstorm/browser-debugging-extensions.html gerry@webgarten ~ % brew install pecl gerry@webgarten ~ % pecl install xdebug Bei Fehlermeldung: Warning:…

Installation von Redmine auf Ubuntu Linux (LAMP-Stack), alle Schritte in der Konsole

Installation von redmine auf Ubuntu Linux System. Alle Schritte aus der Historie. Überall dort, wo "ERROR" auftaucht, waren zusätzliche Installations-Schritte notwendig.

Shortcode für ein Copyright Zeichen mit aktuellem Jahresdatum

Dieser Shortcode schreibt das Copyrightzeichen mit dem aktuellen Jahr und weiterer Info. Nützlich für den Footer einer Website.