Acabo de descubrir cómo hacer esto en Eclipse. Admito que esta solución no tiene soporte 100% SASS, los colores se vuelven un poco extravagantes cuando se usa CSS anidado, pero es mucho mejor que mirar texto sin formato y no es necesario instalar un editor separado.
Debe asociar el tipo de archivo .scss con el editor CSS nativo de Eclipse en Eclipse [Parte 1]. Después de hacer eso, también debe agregar el tipo de archivo .scss al Editor CSS nativo para que el Editor CSS pueda abrirlo [Parte 2]. Estos son los pasos para eclipse (estoy ejecutando Eclipse Java EE IDE para desarrolladores web, Indigo):
Parte 1: asociar el tipo de archivo .scss con el editor CSS nativo de Eclipse
Ir Window > Preferences
Profundizar en General > Editors > File Associations
En el panel Asociaciones de archivos, haga clic en el botón "Agregar ..." en la parte superior derecha.
Para File Type:
, ingrese *.scss
y luego haga clic en OK
.
Busque la *.scss
entrada en la File Associations
lista y selecciónela.
Después de seleccionar *.scss
, en el panel inferior Associated editors:
, haga clic en el Add...
botón.
Asegúrese de que Internal editors
esté seleccionado en la parte superior, luego busque y seleccione CSS Editor
y luego haga clic OK
.
Esto asoció el tipo de archivo .scss con el editor CSS nativo de eclipses. Ahora tenemos que configurar el editor CSS nativo para admitir archivos .scss. Para hacer esto, siga estos pasos:
Parte 2: agregue el tipo de archivo .scss al editor CSS nativo
Ir Window > Preferences
Profundizar en General > Content Types
En el panel Tipos de contenido, expanda Text
y seleccioneCSS
Después de CSS
seleccionar, en el File associations:
panel inferior , haga clic en el Add...
botón.
Para Content type:
, ingrese *.scss
y luego haga clic en OK
.
Haga clic OK
para cerrar la ventana de Preferencias.
Todo listo. ¡Todo lo que necesita hacer ahora es cerrar los archivos .scss que tenga abiertos y luego volver a abrirlos y wha-la, colores css en Eclipse para archivos .scss!
Nota: Si no aparecen los colores CSS es posible que tenga que hacer lo siguiente: Right click the .scss file > Open With > CSS Editor
.
Espero que esto ayude.