Jak zintegrować CSS pre-processing w Eclipse? [zamknięte]

Chciałbym edytować pliki SCSS w Eclipse, najlepiej z podświetleniem składni dla plików .scss.

Uznałem te zasoby za cenne:

Jak mogę zintegrować rozwój SCSS w edytorze Eclipse?

Lub, bardziej ogólnie, jak zintegrować CSS pre-procesor do Eclipse?

Author: Dave Jarvis, 2011-09-30

3 answers

Właśnie wymyśliłem, jak to zrobić w Eclipse. Przyznaję, że to rozwiązanie nie ma 100% obsługi SASS, kolory robią się trochę funky przy użyciu zagnieżdżonego css, ale to jest waaaaay lepiej niż patrząc na zwykły tekst i nie trzeba instalować oddzielnego edytora.

Musisz kojarzyć .Typ pliku scss z natywnym edytorem CSS Eclipse w Eclipse [Część 1]. Po tym, trzeba dodać .Typ pliku scss do natywnego edytora CSS, więc edytor CSS będzie mógł aby go otworzyć [część 2]. Oto kroki dla eclipse (używam Eclipse Java EE IDE dla Web Developerów, Indigo): {]}

Część 1-kojarzenie .Typ pliku scss z natywnym edytorem CSS Eclipse

  1. Przejdź do Window > Preferences

  2. Drill down to General > Editors > File Associations

  3. W okienku skojarzenia plików kliknij przycisk ' Dodaj..."przycisk w prawym górnym rogu.

  4. Dla File Type: wprowadź *.scss, a następnie kliknij OK.

  5. Znajdź wpis {[3] } w File Associations Lista i wybierz go.

  6. Po wybraniu *.scss, w dolnym okienku Associated editors:, Kliknij przycisk Add....

  7. Upewnij się, że {[10] } jest zaznaczone na górze, następnie znajdź i wybierz CSS Editor, a następnie kliknij OK.

To powiązało Typ pliku .scss z natywnym edytorem CSS. Teraz musimy skonfigurować natywny edytor CSS do obsługi .pliki scss. Aby to zrobić, wykonaj następujące kroki:]}

Część 2-Dodaj .Typ pliku scss do natywnego CSS Edytor

  1. Przejdź do Window > Preferences

  2. Drill down to General > Content Types

  3. W okienku typy zawartości rozwiń Text, a następnie wybierz CSS

  4. Po wybraniu opcji CSS, na dole panelu File associations: kliknij przycisk Add....

  5. Dla Content type: wprowadź *.scss, a następnie kliknij OK.

  6. Kliknij OK, aby zamknąć okno preferencji.

Gotowe. Wszystko, co musisz teraz zrobić, to zamknąć każdą .scss pliki, które masz otwarte następnie ponownie otworzyć je i wha-la, kolory css w Eclipse dla .pliki scss!

Uwaga: Jeśli kolory css nie pojawią się, być może będziesz musiał wykonać następujące czynności: Right click the .scss file > Open With > CSS Editor.

Mam nadzieję, że to pomoże.
 287
Author: Scot,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-03-25 11:40:37

Aptana Studio zapewnia obsługę kolorowania składni dla SASS/SCSS i możliwe jest zainstalowanie Aptany jako wtyczki do Eclipse. Zobacz poniższy cytat ze strony Aptana sownload:

Instalacja przez Eclipse

Skopiuj poniższy adres URL witryny aktualizacji do schowka, a następnie wykonaj poniższe czynności, aby dodać ten adres URL do listy dostępnych witryn z oprogramowaniem. Próba uzyskania dostępu do tego adresu URL za pomocą przeglądarki internetowej zwróci odmowę dostępu błąd.

Http://download.aptana.com/studio3/plugin/install

  1. z menu Pomoc wybierz " Zainstaluj nowe oprogramowanie ...", aby otworzyć okno dialogowe Zainstaluj nowe oprogramowanie.
  2. Wklej adres URL witryny aktualizacji w polu praca z tekstem i naciśnij klawisz Enter (lub Return).
  3. w wypełnionej tabeli poniżej zaznacz pole obok nazwy wtyczki, a następnie kliknij przycisk Dalej.
  4. kliknij przycisk Dalej, aby przejść do strona licencji.
  5. wybierz opcję akceptacji warunków umowy licencyjnej i kliknij przycisk Zakończ.
  6. Może być konieczne ponowne uruchomienie Eclipse, aby kontynuować.
 11
Author: Yun,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-11-18 21:38:53

Możesz użyć najnowszej wtyczki Eclipse o nazwie "Colorer", która obsługuje teraz pliki SASS. Oto on: http://colorer.sourceforge.net/eclipsecolorer/index.html

Otwórz "Install New software" z menu "Help" w Eclipse i wprowadź " http://colorer.sf.net/eclipsecolorer" do okna "praca Z", aby zainstalować wtyczkę

 6
Author: vyasamit2007,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-01-17 08:10:06