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.