¿Cómo integrar el preprocesamiento de CSS en Eclipse? [cerrado]

111

Me gustaría editar archivos SCSS en Eclipse, preferiblemente con resaltado de sintaxis para .scssarchivos.

Encontré estos recursos valiosos:

¿Cómo puedo integrar el desarrollo de SCSS en el editor de Eclipse?

O, de manera más general, ¿cómo integro un preprocesador CSS en Eclipse?

Eric H
fuente
2
duplicado de stackoverflow.com/questions/1474096/…
jackocnr

Respuestas:

297

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

  1. Ir Window > Preferences

  2. Profundizar en General > Editors > File Associations

  3. En el panel Asociaciones de archivos, haga clic en el botón "Agregar ..." en la parte superior derecha.

  4. Para File Type:, ingrese *.scssy luego haga clic en OK.

  5. Busque la *.scssentrada en la File Associationslista y selecciónela.

  6. Después de seleccionar *.scss, en el panel inferior Associated editors:, haga clic en el Add...botón.

  7. Asegúrese de que Internal editorsesté seleccionado en la parte superior, luego busque y seleccione CSS Editory 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

  1. Ir Window > Preferences

  2. Profundizar en General > Content Types

  3. En el panel Tipos de contenido, expanda Texty seleccioneCSS

  4. Después de CSSseleccionar, en el File associations:panel inferior , haga clic en el Add...botón.

  5. Para Content type:, ingrese *.scssy luego haga clic en OK.

  6. Haga clic OKpara 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.

escocés
fuente
7
+1 para no instalar ninguna herramienta adicional y usar eclipse tal como está ... Otra opción podría ser " colorer.sourceforge.net/eclipsecolorer "
spankmaster79
1
@ spankmaster79 eclipsecolorer solo admite archivos sass (tryd hoy en juno)
mons droid
1
@mons cambió a PHPStorm, mucho más rápido, mucho mejor soporte y compilación de eventos al guardar en el editor. Darle una oportunidad
spankmaster79
1
eclipsecolorer no es compatible con scss. SÍ apoya el descaro. Hay diferencias.
mrbinky3000
2
Agregar una nota para: Haga clic con el botón derecho en el archivo .scss> Abrir con> Editor de CSS, use en su lugar> Otro ... haga clic en Editor de CSS y luego marque "use este editor para todos los archivos 'style.scss' y marque 'Usarlo para todos' Archivos * .scss.
ChrisB
11

Aptana Studio proporciona compatibilidad con colores de sintaxis para SASS / SCSS y es posible instalar Aptana como complemento en Eclipse. Consulte la siguiente cita del sitio de descarga de Aptana:

Instalación a través de Eclipse

Copie la siguiente URL del sitio de actualización en su portapapeles y luego siga los pasos que se enumeran a continuación para agregar esta URL a su lista de sitios de software disponibles. Si intenta acceder a esta URL con su navegador web, se mostrará un error de Acceso denegado.

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

  1. En el menú Ayuda, seleccione »Instalar nuevo software ...« para abrir el cuadro de diálogo Instalar nuevo software.
  2. Pegue la URL del sitio de actualización en el cuadro de texto Trabajar con y presione la tecla Intro (o Retorno).
  3. En la siguiente tabla completa, marque la casilla junto al nombre del complemento y luego haga clic en el botón Siguiente.
  4. Haga clic en el botón Siguiente para ir a la página de licencias.
  5. Elija la opción para aceptar los términos del acuerdo de licencia y haga clic en el botón Finalizar.
  6. Es posible que deba reiniciar Eclipse para continuar.
Yun
fuente
2
Tenga en cuenta que Aptana tiene su propio color de tema. Si está acostumbrado a cierto tema de color de Eclipse, prepárese para tener que abandonarlo por completo si instala el complemento Aptana.
Sturm
¡Mala idea! Rompió totalmente mis editores de Eclipse.
Branislav Lazic
6

Puede utilizar el último complemento de Eclipse llamado "Colorer" que ahora admite archivos SASS. Aquí está: http://colorer.sourceforge.net/eclipsecolorer/index.html

Abra "Instalar nuevo software" desde el menú "Ayuda" en Eclipse e ingrese " http://colorer.sf.net/eclipsecolorer " en el cuadro "Trabajar con" para instalar el complemento

vyasamit2007
fuente
¿Admite la finalización automática (es decir, ctrl + espacio)?
Fuzzo
¡Mostrando demasiado error! casi en todas las líneas
Saurabh Bayani
hay un nuevo software disponible en Eclipse llamado "Liclipse" que funciona con la mayoría de los idiomas
Fadi Nouh