Come integrare la pre-elaborazione CSS in Eclipse? [chiuso]


111

Vorrei modificare i file SCSS in Eclipse, preferibilmente con l'evidenziazione della sintassi per i .scssfile.

Ho trovato preziose queste risorse:

Come posso integrare lo sviluppo SCSS nell'editor Eclipse?

O, più in generale, come faccio a integrare un pre-processore CSS in Eclipse?


Risposte:


297

Ho appena capito come farlo in Eclipse. Ammetto che questa soluzione non ha il supporto SASS al 100%, i colori diventano un po 'stravaganti quando si utilizza CSS nidificato, ma è molto meglio che guardare il testo normale e non è necessario installare un editor separato.

È necessario associare il tipo di file .scss all'Editor CSS Eclipse nativo in Eclipse [Parte 1]. Dopo averlo fatto, è necessario aggiungere il tipo di file .scss anche all'editor CSS nativo in modo che l'editor CSS sia in grado di aprirlo [Parte 2]. Ecco i passaggi per eclipse (sto eseguendo Eclipse Java EE IDE per sviluppatori Web, Indigo):

Parte 1: associa il tipo di file .scss all'editor CSS Eclipse nativo

  1. Vai a Window > Preferences

  2. Drill fino a General > Editors > File Associations

  3. Nel riquadro Associazioni di file, fai clic sul pulsante "Aggiungi ..." in alto a destra.

  4. Per File Type:, immettere *.scsse quindi fare clic su OK.

  5. Trova la *.scssvoce File Associationsnell'elenco e selezionala.

  6. Dopo aver selezionato *.scss, nel riquadro inferiore Associated editors:, fare clic sul Add...pulsante.

  7. Assicurati che Internal editorssia selezionato in alto, quindi trova e seleziona CSS Editore quindi fai clic OK.

Ciò ha associato il tipo di file .scss con l'Editor CSS nativo di eclissi. Ora dobbiamo configurare l'editor CSS nativo per supportare i file .scss. A tale scopo, segui questi passaggi:

Parte 2: aggiungi il tipo di file .scss all'editor CSS nativo

  1. Vai a Window > Preferences

  2. Drill fino a General > Content Types

  3. Nel riquadro Tipi di contenuto, espandere Text, quindi selezionareCSS

  4. Dopo aver CSSselezionato, nel File associations:riquadro inferiore , fare clic sul Add...pulsante.

  5. Per Content type:, immettere *.scsse quindi fare clic su OK.

  6. Fare clic OKper chiudere la finestra Preferenze.

Tutto fatto. Tutto quello che devi fare ora è chiudere tutti i file .scss che hai aperto, quindi riaprirli e wha-la, i colori CSS in Eclipse per i file .scss!

Nota: Se i colori CSS non compaiono potrebbe essere necessario effettuare le seguenti operazioni: Right click the .scss file > Open With > CSS Editor.

Spero che questo ti aiuti.


7
+1 per non aver installato alcuno strumento aggiuntivo e aver usato eclipse così com'è ... Un'altra opzione potrebbe essere " colorer.sourceforge.net/eclipsecolorer "
spankmaster79

1
@ spankmaster79 eclipsecolorer supporta solo file sass (tryd oggi a juno)
mons droid

1
@mons è passato a PHPStorm, molto più veloce, supporto molto migliore e compilazione di eventi durante il salvataggio nell'editor. Fare un tentativo
spankmaster79

1
eclipsecolorer non supporta scss. Supporta sass. Ci sono differenze.
mrbinky3000

2
Aggiunta di una nota per: fai clic con il pulsante destro del mouse sul file .scss> Apri con> usa invece Editor CSS> Altro ... fai clic su Editor CSS e quindi seleziona "usa questo editor per tutti i file" style.scss "e seleziona" Usa per tutti " * File .scss.
ChrisB

11

Aptana Studio fornisce il supporto per la colorazione della sintassi per SASS / SCSS ed è possibile installare Aptana come plug-in in Eclipse. Vedere la seguente citazione dal sito di download di Aptana:

Installazione tramite Eclipse

Copiare il seguente URL del sito di aggiornamento negli appunti e quindi seguire i passaggi elencati di seguito per aggiungere questo URL all'elenco dei siti software disponibili. Il tentativo di accedere a questo URL utilizzando il browser Web restituirà un errore di accesso negato.

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

  1. Dal menu Guida, selezionare »Installa nuovo software…« per aprire la finestra di dialogo Installa nuovo software.
  2. Incolla l'URL del sito di aggiornamento nella casella di testo Lavora con e premi il tasto Invio (o Invio).
  3. Nella tabella popolata di seguito, seleziona la casella accanto al nome del plug-in, quindi fai clic sul pulsante Avanti.
  4. Fare clic sul pulsante Avanti per andare alla pagina della licenza.
  5. Scegli l'opzione per accettare i termini del contratto di licenza e fai clic sul pulsante Fine.
  6. Potrebbe essere necessario riavviare Eclipse per continuare.

2
Tieni presente che Aptana ha una propria colorazione del tema. Se sei abituato a un certo tema di colore Eclipse, preparati ad abbandonarlo completamente se installi il plugin Aptana.
Sturm

Cattiva idea! Ha completamente rotto i miei editor di Eclipse.
Branislav Lazic,

6

È possibile utilizzare l'ultimo plug-in Eclipse chiamato "Colorer" che ora supporta i file SASS. Eccolo: http://colorer.sourceforge.net/eclipsecolorer/index.html

Apri "Installa nuovo software" dal menu "Aiuto" in Eclipse e inserisci " http://colorer.sf.net/eclipsecolorer " nella casella "Lavora con" per installare il plug-in


Supporta il completamento automatico (cioè ctrl + spazio)?
Fuzzo

Mostra troppi errori! quasi su ogni linea
Saurabh Bayani

c'è un nuovo software disponibile in Eclipse chiamato "Liclipse" che funziona con la maggior parte delle
lingue
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.