2012-11-03 11 views
18

Używam JetBrains PhpStorm, który jest prawdopodobnie najbardziej epickim IDE, jakiego kiedykolwiek używałem.Jak dodać obsługę składni Compass do Jetbrains PhpStorm?

Pytanie jest proste. Jak mogę do niego dodać obsługę składni Compass? Mam go zainstalowany, renderuje i działa, ale PhpStorm wciąż narzeka na niezdefiniowany import i mixins.

Jak mogę rozwiązać ten problem? Czy kompas można dołączyć jako bibliotekę zewnętrzną?


Edit: Chciałbym tylko zauważyć, że this feature request jest na IDE rubymine (także przez JetBrains), to nie jest dla PhpStorm/WebStorm.

+1

http://youtrack.jetbrains.com/issue/RUBY-8299 Domyślam się, że – LazyOne

+0

@LazyOne: Nie sądzę, jest to wymienione w projekcie Ruby, a nie w WebStorm/PhpStorm. –

+1

Jeśli to jedyny powód - obawiam się, że się mylisz. Każdy problem związany z JavaScriptem lub wdrożeniem (S/FTP/S) lub HTML lub sprawdzaniem pisowni itp. W RubyMine zostanie przeniesiony do projektu PhpStorm, ponieważ jest to domem dla takich problemów. W tym samym czasie projekt Ruby jest domem dla problemów SASS/SCSS/LESS/HAML. Musisz pamiętać, że Compass jest zbudowany na platformie SASS, a obsługa SASS/SCSS w PhpStorm odbywa się za pomocą wtyczki (co jest prawdą dla prawie wszystkich funkcji). Dlatego należy dbać o to. – LazyOne

Odpowiedz

19

To wyjaśnienie odpowiedzi Martina. Symlink do kompasu katalogu gem w folderze sass działa świetnie.

Instruction (Windows)

  1. otwarty cmd z uprawnieniami administratora
  2. ścieżek zmiany do folderu Sass projektu, na przykład cd projectname\sass
  3. prowadzony mklink /d compass $GEM_LOCATION\frameworks\compass\stylesheets\compass, jak dla mnie $ GEM_LOCATION = C:\dev\Ruby200\lib\ruby\gems\2.0.0\gems\compass-0.12.2

To wszystko, teraz PhpStorm nie zaznaczy mixasów kompasu jako błędów i doda je do sugestii autouzupełniania.

Ostrzeżenie: Jeśli chcesz usunąć utworzone dowiązanie symboliczne, NIE używaj usuwania, spowoduje to usunięcie katalogu źródłowego. otwarty cmd z uprawnieniami administratora, cd $yourProjectSassPath i uruchom rmdir compass

+0

Dziękuję. To nie działa dla mnie, CMD mówi, że dowiązanie symboliczne zostało utworzone, ale nie widzę żadnych nowych plików po otwarciu z eksploratorem, a PhpStorm wciąż ich nie rozpoznaje. –

+0

Po usunięciu ukośnika za kompasem, zadziałało. Wielkie dzięki :) –

+1

Dodano kompas i aurora stylesheet dirs as symlniks, nie zrobiłem tego –

3

Rozwiązałem go, umieszczając dowiązanie symboliczne do katalogu compass (z) do folderu, w którym znajduje się mój arkusz stylów. Jest to bardziej obejście, ale sprawia, że ​​inspekcje przeprowadzane przez funkcję phpstorm/-autocompletion są szczęśliwe.

+1

Co to jest dowiązanie symboliczne? Uwaga Mam uruchomiony system Windows. –

+0

@MadaraUchiha: Nie zadziałało to dla mnie, czy mógłbyś bardziej szczegółowo opisać proces? –

+1

po zainstalowaniu kompasu, wszystkie jego pliki .scss są instalowane w niektórych lokalizacjach, prawdopodobnie w zależności od miejsca instalacji ruby ​​(możesz użyć polecenia 'gem environment', aby znaleźć ścieżkę, poszukaj' KATALOG INSTALACJI' , powinno być coś w stylu '.../Ruby192/lib/ruby ​​/ gems/1.9.1'). W tym katalogu znajdziesz kompas-klejnot, który z kolei zawiera wspomniany katalog. –

3

myślę, że lepiej, aby dodać katalog w ustawieniach katalogach: http://www.jetbrains.com/phpstorm/webhelp/directories.html

W powyższym przykładzie, dodanie nowej zawartości pierwiastka C: \ dev \ Ruby200 \ lib \ ruby ​​\ gems \ 2.0.0 \ gems \ compass-0.12.2.

+0

Dodanie właściwego folderu nie jest tak dobre, jak rozwiązanie dowiązania symbolicznego, ponieważ nie można bardzo dobrze kontroluje zasięg plików źródłowych kompasu, dzięki dowiązaniom symbolicznym wiesz dokładnie, co otrzymujesz. – JoshuaDavid

9

Jak wspomniano powyżej, działa również w celu dodania ścieżki do arkuszy stylów Compass jako katalogu zasobów w projekcie.

Na przykład moi stylów kompas znajdują się pod adresem: C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets

  1. przejdź do Ustawienia> Ustawienia projektu> Directories.
  2. Dodaj korzeń treści
  3. dodać katalog StyleSheets kompas
  4. kliknij „zasobów Korzeń” (niebieska ikona)

Po zastosowaniu widać, że PhpStorm wyszukuje stylów kompasu, bez żadnych problemów.Możesz nawet ctrl + kliknięcie (Windows) na nich otworzyć je bezpośrednio.

Powodzenia!

+1

+1 Działa, ale w moim przypadku: 3. dodaj ".../framewo rks/compass "jako katalog główny zawartości 4. Wybierz folder" stylesheets "w widoku drzewa. 5. Kliknij "źródło zasobów" (niebieska ikona). –

+0

Uratowałeś mi dzień, dziękuję. –

+0

Zdecydowanie najlepsze rozwiązanie. Nie działa dla mnie po prostu dodanie katalogu 'stylesheets' w Ruby 2.0.3 na Linuksie, ale musiałem dołączyć katalog nadrzędny' compass-core-1.0.3'. – chrBrd

2

Łatwiej jest to naprawić, używając lepszego źródła dla pliku wykonywalnego.

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

W systemie Windows, należy użyć wykonywalny ścieżki jak:

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

podczas gdy na Mac używać coś takiego:

/Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/bin/compass 
Powiązane problemy