Gewusst wie: hinzufügen Kompass-syntax Unterstützung für Jetbrains PhpStorm?

Ich bin mit JetBrains PhpStorm, was wahrscheinlich die meisten epischen IDE die ich je benutzt habe.

Die Frage ist einfach. Wie füge ich den Kompass-syntax-Unterstützung, um es? Ich habe es installiert, er macht und arbeitet, aber PhpStorm noch beschwert sich über die unbestimmten Importe und Mixins in Verbindung.

Wie kann ich dies beheben? Kann Kompass als externe Bibliothek?

Bearbeiten: ich möchte nur zu beachten, dass dieser feature-request ist für die RubyMine IDE (auch von JetBrains), es ist nicht für PhpStorm/WebStorm.

  • youtrack.jetbrains.com/issue/RUBY-8299 ich denke,
  • Denke nicht so, es ist aufgeführt unter der Ruby-Projekt, nicht unter die WebStorm/PhpStorm ein.
  • Wenn das der einzige Grund -- dann sind Sie falsch, fürchte ich. Keine Problem für JavaScript oder Bereitstellung (S/FTP/S) oder HTML-Rechtschreibprüfung usw. in RubyMine übertragen werden PhpStorm-Projekt, wie es zu Hause für solche Probleme. Gleichzeitig Ruby-Projekt ist die Heimat für SASS/SCSS/LESS/HAML Probleme. Sie müssen im Hinterkopf behalten, dass Compass baut auf SASS, und SASS/SCSS support in PhpStorm erfolgt mittels plugin (das gilt für fast alle Funktionen). Deshalb ist es die richtige Ausgabe zu kümmern.
InformationsquelleAutor Madara Uchiha | 2012-11-03
  1. 19

    Es ist die Erklärung von Martin ' s Antwort.
    Symbolischer Link zu Kompass gem Verzeichnis, das sich im sass-Ordner funktioniert Super.

    Anleitung(Windows)

    1. öffnen, cmd mit admin-rechten
    2. Pfad ändern, um Ihrem Projekt sass-Ordner, zum Beispiel cd projectname\sass
    3. laufen mklink /d compass $GEM_LOCATION\frameworks\compass\stylesheets\compass für mich $GEM_LOCATION = C:\dev\Ruby200\lib\ruby\gems\2.0.0\gems\compass-0.12.2

    Thats all, jetzt PhpStorm ist nicht hervorgehoben, compass-Mixins in Verbindung als Fehler, und fügen Sie Sie in der AutoVervollständigen-Vorschläge.

    Warnung: Wenn Sie löschen möchten erstellten symlink NICHT löschen, wird es zu entfernen source-Verzeichnis.
    öffne cmd mit admin-rechten, cd $yourProjectSassPath, und führen Sie rmdir compass

    • Danke. Es hat bei mir nicht funktioniert, CMD, sagt der symlink erstellt wurde, aber ich sehe keine neuen Dateien gibt es beim öffnen mit explorer, und PhpStorm immer noch nicht erkennen.
    • Nach dem entfernen der Schrägstrich hinter compass, es funktionierte. Dank einem Haufen 🙂
    • Hinzugefügt Kompass und aurora stylesheet dirs als symlniks, war es nicht
    • Ich sollte auch beachten, dass in PHPStorm, die KEINE compass-Mixins in Verbindung, Variablen, etc., sind gekennzeichnet durch die IDE, egal wo Sie sich befinden in das Projekt.
    • noch bekommt: error main.scss (Line 2: File to import not found or unreadable: compass. Was muss die import-Anweisung werden? @import 'compass';?
    • main.scss sollte im gleichen Ordner, in dem Sie haben symlink. ja, wenn Sie alle Funktionen von Kompass. Ich benutze nur @import "compass/css3"; @import "compass/css3/user-interface"; @import "compass/utilities";
    • Gibt es irgendwelche Anleitungen für Mac?
    • HINWEIS: über die oben stehende Warnung: wenn du diese löscht den symlink von PHPStorm erkennt er den symlink und fordert, um es zu entfernen (nicht die source-Daten)

    InformationsquelleAutor Maxim
  2. 9

    Als die oben genannten user erwähnt es funktioniert auch, um fügen Sie den Pfad zu der Kompass-stylesheets als Ressource-Verzeichnis in Ihrem Projekt.

    Zum Beispiel, mein compass-stylesheets befinden sich in:
    C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets

    1. Gehen Sie zu Einstellungen > Projekt-Einstellungen > Verzeichnisse.
    2. Inhalt hinzuzufügen root
    3. Fügen Sie die compass-stylesheets Verzeichnis
    4. Klicken Sie auf "Resource-Root' (das Blaue Symbol)

    Wenn Sie sich bewerben sehen Sie, dass PhpStorm findet die Kompass-stylesheets ohne Probleme. Sie können auch Strg+Klick (windows) auf Sie, um diese direkt öffnen.

    Glück!

    • +1 funktioniert Es, aber in meinem Fall: 3. hinzufügen von ".../frameworks/Kompass" als content-root-4.Wählen Sie 'stylesheets' Ordner in der Baum-Ansicht. 5. Klicken Sie auf "resource-root' (das Blaue Symbol)
    • Sie haben meinen Tag gerettet, danke.
    • Definitiv die beste Lösung. Hat bei mir nicht funktioniert nur das hinzufügen der stylesheets Verzeichnis in Ruby 2.0.3 unter Linux, aber ich müsse auch die übergeordnete compass-core-1.0.3 - Verzeichnis.
    InformationsquelleAutor Johan
  3. 3

    Ich gelöst, indem du einen symlink der compass-Verzeichnis (aus der $GEM_LOCATION/frameworks/compass/stylesheets/compass) in den Ordner wo meine stylesheet Leben. Es ist mehr ein workaround, aber es macht mir und den phpstorm-Inspektionen/-autocompletion glücklich.

    • Was ist ein symlink? Hinweis: ich bin unter Windows.
    • Es hat bei mir nicht funktioniert, können Sie erläutern, mehr auf den Prozess?
    • wenn Sie installieren, Kompass, alle, es ist .scss-Dateien installiert sind, an einen Ort, möglicherweise je nachdem, wo Sie Ihre ruby-installation lebt (Sie können mit dem Befehl gem environment den Pfad, suchen INSTALLATION DIRECTORY, sollte so etwas wie .../Ruby192/lib/ruby/gems/1.9.1). In diesem Verzeichnis finden Sie die Kompass-Juwel, das wiederum enthält das oben genannte Verzeichnis.
    • Wie für die symbolischen Links, können Sie versuchen, die Dateien zu kopieren, anstatt, Sie sollten aber darauf achten, Sie zu verdrängen aus Ihren Projekten-version-control...
    InformationsquelleAutor Martin Schuhfuß
  4. 3

    Ich denke es ist besser, das Verzeichnis der Verzeichnisse Einstellungen: http://www.jetbrains.com/phpstorm/webhelp/directories.html

    In dem obigen Beispiel, fügen Sie eine neue content-Wurzel C:\dev\Ruby200\lib\ruby\gems\2.0.0\gems\compass-0.12.2.

    • Hinzufügen der richtige Ordner ist nicht so gut, wie die symlink-Lösung, denn Sie können nicht Steuern, Umfang der Kompass-source-Dateien sehr gut. Mit symlinks Sie wissen genau, was Sie bekommen.
    InformationsquelleAutor user2041974
  5. 2

    Dies ist mehr leicht behoben werden, indem eine bessere Quelle für die ausführbare Datei.

    Aus: http://youtrack.jetbrains.com/issue/WEB-9139

    In Windows, verwenden Sie einen Pfad für ausführbare Dateien wie:

    C:\Ruby200\lib\ruby\gems\2.0.0\gems\compass-0.12.2\bin\compass

    Während auf dem Mac verwenden, so etwas wie:

    /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/bin/compass
    InformationsquelleAutor Dave Nelson
Schreibe einen Kommentar