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

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

Ho trovato preziose queste risorse:

• http://sass-lang.com/editors.html - non ha un editor per i file .scss solo .sass
• http://colorer.sourceforge.net/eclipsecolorer - contiene solo file .scss

Come posso integrare lo sviluppo SCSS nell'editor Eclipse?

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

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.

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.

È 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