Jak zintegrować wstępne przetwarzanie CSS w Eclipse? [Zamknięte]


111

Chciałbym edytować pliki SCSS w Eclipse, najlepiej z podświetlaniem składni dla .scssplików.

Uważam, że te zasoby są cenne:

Jak mogę zintegrować programowanie SCSS w edytorze Eclipse?

Lub, bardziej ogólnie, jak zintegrować preprocesor CSS z Eclipse?


Odpowiedzi:


297

Właśnie wymyśliłem, jak to zrobić w Eclipse. Przyznaję, że to rozwiązanie nie ma wsparcia w 100% SASS, kolory robią się trochę fajne przy korzystaniu z zagnieżdżonego css, ale jest oaaaaay lepsze niż patrzenie na zwykły tekst i nie trzeba instalować osobnego edytora.

Musisz powiązać typ pliku .scss z rodzimym edytorem CSS Eclipse w Eclipse [część 1]. Po wykonaniu tej czynności musisz dodać typ pliku .scss również do natywnego edytora CSS, aby edytor CSS mógł go otworzyć [Część 2]. Oto kroki dla eclipse (używam Eclipse Java EE IDE for Web Developers, Indigo):

Część 1 - Skojarz typ pliku .scss z natywnym edytorem CSS Eclipse

  1. Iść do Window > Preferences

  2. Przejdź do General > Editors > File Associations

  3. W okienku Skojarzenia plików kliknij przycisk „Dodaj ...” w prawym górnym rogu.

  4. W przypadku File Type:wprowadź, *.scssa następnie kliknij OK.

  5. Znajdź *.scsswpis na File Associationsliście i wybierz go.

  6. Po wybraniu *.scssw dolnym panelu Associated editors:kliknij Add...przycisk.

  7. Upewnij się, że Internal editorsjest zaznaczona u góry, a następnie znajdź i wybierz, CSS Editora następnie kliknij OK.

Powiązało to typ pliku .scss z rodzimym edytorem CSS zaćmienia. Teraz musimy skonfigurować natywny edytor CSS do obsługi plików .scss. Aby to zrobić, wykonaj następujące kroki:

Część 2 - Dodaj typ pliku .scss do natywnego edytora CSS

  1. Iść do Window > Preferences

  2. Przejdź do General > Content Types

  3. W okienku Typy zawartości rozwiń Text, a następnie wybierzCSS

  4. Po CSSwybraniu File associations:kliknij Add...przycisk w dolnym panelu .

  5. W przypadku Content type:wprowadź, *.scssa następnie kliknij OK.

  6. Kliknij, OKaby zamknąć okno Preferencje.

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

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

Mam nadzieję że to pomoże.


7
+1 za nie instalowanie żadnych dodatkowych narzędzi i używanie eclipse w obecnej postaci ... Inną opcją może być " colorer.sourceforge.net/eclipsecolorer "
— spankmaster79

1
@ spankmaster79 eclipsecolorer obsługuje tylko pliki Sass (tryd dziś w Juno)
— Mons Droid

1
@mons przełączył się na PHPStorm, znacznie szybszy, dużo lepszą obsługę i kompilację zdarzeń podczas zapisywania w edytorze. Spróbuj
— spankmaster79

1
eclipsecolorer nie obsługuje scss. Obsługuje sass. Są różnice.
— mrbinky3000

2
Dodawanie notatki dla: Kliknij prawym przyciskiem myszy plik .scss> Otwórz za pomocą> Zamiast tego użyj edytora CSS> Inne ... kliknij Edytor CSS, a następnie zaznacz „użyj tego edytora dla wszystkich plików„ style.scss ”i zaznacz„ Użyj go do wszystkich ” Pliki * .scss.
— ChrisB,

11

Aptana Studio zapewnia obsługę kolorowania składni dla SASS / SCSS i można zainstalować Aptana jako wtyczkę w Eclipse. Zobacz poniższy cytat z witryny pobierania Aptany:

Instalowanie przez Eclipse

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

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 tekstowym Praca z i naciśnij klawisz Enter (lub Return).
  3. W poniższej wypełnionej tabeli zaznacz pole obok nazwy wtyczki, a następnie kliknij przycisk Dalej.
  4. Kliknij przycisk Dalej, aby przejść do strony licencji.
  5. Wybierz opcję akceptacji warunków umowy licencyjnej i kliknij przycisk Zakończ.
  6. Aby kontynuować, może być konieczne ponowne uruchomienie Eclipse.

2
Należy pamiętać, że Aptana ma własną kolorystykę tematyczną. Jeśli jesteś przyzwyczajony do określonego motywu kolorystycznego Eclipse, przygotuj się na całkowite porzucenie go, jeśli zainstalujesz wtyczkę Aptana.
— Sturm

Kiepski pomysł! Całkowicie zepsułem moje edytory Eclipse.
— Branislav Lazic

6

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 „Zainstaluj nowe oprogramowanie” z menu „Pomoc” w Eclipse i wprowadź „ http://colorer.sf.net/eclipsecolorer ” w polu „Praca z”, aby zainstalować wtyczkę


Czy obsługuje automatyczne uzupełnianie (tj. Ctrl + spacja)?
— Fuzzo

Pokazuje zbyt wiele błędów! prawie na każdej linii
— Saurabh Bayani

w Eclipse jest dostępne nowe oprogramowanie o nazwie „Liclipse”, które działa z większością języków
— Fadi Nouh
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.