Eclipse'e CSS ön işleme nasıl entegre edilir? [kapalı]


111

SCSS dosyalarını Eclipse'de, tercihen .scssdosyalar için sözdizimi vurgulayarak düzenlemek istiyorum .

Bu kaynakları değerli buldum:

SCSS geliştirmesini Eclipse düzenleyicisine nasıl entegre edebilirim?

Veya daha genel olarak, bir CSS ön işlemcisini Eclipse'e nasıl entegre edebilirim?


Yanıtlar:


297

Eclipse'de bunu nasıl yapacağımı yeni çözdüm. Bu çözümün% 100 SASS desteğine sahip olmadığını kabul ediyorum, iç içe css kullanırken renkler biraz garipleşiyor, ancak düz metne bakmaktan daha iyi ve ayrı bir düzenleyici kurmanıza gerek yok.

.Scss dosya türünü Eclipse [Bölüm 1] 'deki yerel Eclipse CSS Editor ile ilişkilendirmeniz gerekir. Bunu yaptıktan sonra, .scss dosya türünü yerel CSS Düzenleyiciye de eklemeniz gerekir, böylece CSS Düzenleyici onu açabilir [Bölüm 2]. İşte tutulma adımları (Web Geliştiricileri için Eclipse Java EE IDE'yi çalıştırıyorum, Indigo):

Bölüm 1 - .scss dosya türünü yerel Eclipse CSS Düzenleyicisi ile ilişkilendirin

  1. Git Window > Preferences

  2. Detaya inmek General > Editors > File Associations

  3. Dosya İlişkilendirmeleri bölmesinde, sağ üstteki "Ekle ..." düğmesini tıklayın.

  4. İçin File Type:girin *.scssve ardından tıklayın OK.

  5. *.scssGirişi File Associationslistede bulun ve seçin.

  6. Seçtikten sonra *.scss, alt bölmesinde Associated editors:, tıklayın Add...düğmesini.

  7. Internal editorsEn üstte seçili olduğundan emin olun , ardından bulup seçin CSS Editorve ardından tıklayın OK.

Bu, .scss dosya türünü, tutulmaların yerel CSS Düzenleyicisi ile ilişkilendirir. Şimdi, .scss dosyalarını desteklemek için yerel CSS Düzenleyiciyi yapılandırmamız gerekiyor. Bunu yapmak için şu adımları izleyin:

Bölüm 2 - .scss dosya türünü yerel CSS Düzenleyiciye ekleyin

  1. Git Window > Preferences

  2. Detaya inmek General > Content Types

  3. İçerik Türleri bölmesinde, genişletin Text, ardından seçinCSS

  4. Seçildikten sonra CSS, alt File associations:bölmede Add...düğmesine tıklayın.

  5. İçin Content type:girin *.scssve ardından tıklayın OK.

  6. OKTercihler penceresini kapatmak için tıklayın .

Hepsi tamam. Şimdi yapmanız gereken tek şey, açtığınız tüm .scss dosyalarını kapatıp yeniden açmak ve .scss dosyaları için Eclipse'de css renkleri!

Not: css renkler görünmüyorsa aşağıdakileri yapmanız gerekebilir: Right click the .scss file > Open With > CSS Editor.

Bu yardımcı olur umarım.


7
Ekstra araç yüklememek ve tutulmayı olduğu gibi kullanmak için +1 ... Başka bir seçenek de " colorer.sourceforge.net/eclipsecolorer " olabilir
spankmaster79

1
@ spankmaster79 eclipsecolorer (juno içinde tryd bugün) sadece küstahlık dosyalarını destekler
mons'daki droid'i

1
@mons PHPStorm'a geçti, çok daha hızlı, çok daha iyi destek ve düzenleyicide kaydetmede olay derleme. Deneyin
spankmaster79

1
eclipsecolorer scss'yi desteklemiyor. ŞASİ DESTEKLİYOR. Farklılıklar var.
mrbinky3000

2
Şunun için bir not ekleme: .scss dosyasını sağ tıklayın> Birlikte Aç> Bunun yerine CSS Düzenleyici kullan> Diğer ... öğesini tıklayın ve ardından "bu düzenleyiciyi tüm 'style.scss' dosyaları için kullan ve 'Herkes için kullan'ı işaretleyin. * .scss 'dosyaları.
ChrisB

11

Aptana Studio SASS / SCSS sözdizimi boyama destek sağlar ve Eclipse içine Plugin olarak aptana yüklemek mümkündür. Aptana indirme sitesinden aşağıdaki alıntıya bakın:

Eclipse aracılığıyla yükleme

Lütfen aşağıdaki Güncelleme Sitesi URL'sini panonuza kopyalayın ve ardından bu URL'yi Kullanılabilir Yazılım Siteleri listenize eklemek için aşağıda listelenen adımları izleyin. Web tarayıcınızı kullanarak bu URL'ye erişmeye çalışmak, Erişim Reddedildi hatası döndürür.

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

  1. Yardım menüsünden, Yeni Yazılım Kur iletişim kutusunu açmak için »Yeni Yazılım Kur…« öğesini seçin.
  2. Güncelleme sitesinin URL'sini Birlikte Çalış metin kutusuna yapıştırın ve Enter (veya Return) tuşuna basın.
  3. Aşağıdaki doldurulmuş tabloda, eklenti adının yanındaki kutuyu işaretleyin ve ardından İleri düğmesini tıklayın.
  4. Lisans sayfasına gitmek için İleri düğmesine tıklayın.
  5. Lisans sözleşmesinin koşullarını kabul etme seçeneğini seçin ve Bitir düğmesine tıklayın.
  6. Devam etmek için Eclipse'i yeniden başlatmanız gerekebilir.

2
Aptana'nın kendi tema rengine sahip olduğunu unutmayın. Belirli bir Eclipse renk temasına alışkınsanız, Aptana Eklentisini yüklerseniz onu tamamen terk etmeye hazırlanın.
Sturm

Kötü bir fikir! Eclipse editörlerimi tamamen kırdım.
Branislav Lazic

6

Artık SASS dosyalarını destekleyen "Colorer" adlı en son Eclipse Eklentisini kullanabilirsiniz. İşte: http://colorer.sourceforge.net/eclipsecolorer/index.html

Eklentiyi yüklemek için Eclipse'deki "Help" menüsünden "Install New software" öğesini açın ve "Work with" kutusuna " http://colorer.sf.net/eclipsecolorer " yazın


Otomatik (yani ctrl + boşluk) tamamlamayı destekliyor mu?
Fuzzo

Çok fazla hata gösteriliyor! neredeyse her satırda
Saurabh Bayani

Eclipse'de çoğu dil ile çalışan "Liclipse" adlı yeni bir yazılım var
Fadi
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.