Comment intégrer le pré-traitement CSS dans Eclipse? [fermé]

111

Je voudrais éditer des fichiers SCSS dans Eclipse, de préférence avec la coloration syntaxique des .scssfichiers.

J'ai trouvé ces ressources précieuses:

Comment puis-je intégrer le développement SCSS dans l'éditeur Eclipse?

Ou, plus généralement, comment intégrer un préprocesseur CSS dans Eclipse?

css eclipse sass eclipse-plugin Eric H
la source
2
duplicate of stackoverflow.com/questions/1474096/…
jackocnr

Réponses:

297

Je viens de comprendre comment faire cela dans Eclipse. J'admets que cette solution ne prend pas en charge à 100% le SASS, les couleurs deviennent un peu géniales lors de l'utilisation de css imbriqués, mais c'est waaaaay mieux que de regarder du texte brut et vous n'avez pas besoin d'installer un éditeur séparé.

Vous devez associer le type de fichier .scss à l'éditeur CSS Eclipse natif dans Eclipse [Partie 1]. Après cela, vous devez également ajouter le type de fichier .scss à l'éditeur CSS natif pour que l'éditeur CSS puisse l'ouvrir [Partie 2]. Voici les étapes pour eclipse (j'exécute Eclipse Java EE IDE pour les développeurs Web, Indigo):

Partie 1 - Associez le type de fichier .scss à l'éditeur CSS Eclipse natif

  1. Aller à Window > Preferences

  2. Explorez General > Editors > File Associations

  3. Dans le volet Associations de fichiers, cliquez sur le bouton "Ajouter ..." en haut à droite.

  4. Pour File Type:, entrez *.scss, puis cliquez sur OK.

  5. Recherchez l' *.scssentrée dans la File Associationsliste et sélectionnez-la.

  6. Après avoir sélectionné *.scss, dans le volet inférieur Associated editors:, cliquez sur le Add...bouton.

  7. Assurez-vous que Internal editorsest sélectionné en haut, puis recherchez et sélectionnez CSS Editor, puis cliquez sur OK.

Cela a associé le type de fichier .scss à l'éditeur CSS natif d'éclipses. Nous devons maintenant configurer l'éditeur CSS natif pour prendre en charge les fichiers .scss. Pour ce faire, procédez comme suit:

Partie 2 - Ajouter le type de fichier .scss à l'éditeur CSS natif

  1. Aller à Window > Preferences

  2. Explorez General > Content Types

  3. Dans le volet Types de contenu, développez Text, puis sélectionnezCSS

  4. Une fois CSSsélectionné, dans le File associations:volet inférieur , cliquez sur le Add...bouton.

  5. Pour Content type:, entrez *.scss, puis cliquez sur OK.

  6. Cliquez OKpour fermer la fenêtre Préférences.

Terminé. Tout ce que vous avez à faire maintenant est de fermer tous les fichiers .scss que vous avez ouverts, puis de les rouvrir et de wha-la, couleurs css dans Eclipse pour les fichiers .scss!

Note: Si les couleurs ne vous css semblent ne pas avoir à faire ce qui suit: Right click the .scss file > Open With > CSS Editor.

J'espère que cela t'aides.

Écossais
la source
7
+1 pour ne pas installer d'outils supplémentaires et utiliser eclipse tel quel ... Une autre option pourrait être " colorer.sourceforge.net/eclipsecolorer "
spankmaster79
1
@ spankmaster79 eclipsecolorer ne prend en charge que les fichiers sass (à essayer aujourd'hui à Juno)
mons droid
1
@mons est passé à PHPStorm, beaucoup plus rapide, bien meilleur support et compilation d'événements lors de l'enregistrement dans l'éditeur. Essayez-le
spankmaster79
1
eclipsecolorer ne prend pas en charge scss. Il prend en charge sass. Il y a des différences.
mrbinky3000
2
Ajouter une note pour: Cliquez avec le bouton droit sur le fichier .scss> Ouvrir avec> Utiliser plutôt l'éditeur CSS> Autre ... cliquez sur Editeur CSS puis cochez "utiliser cet éditeur pour tous les fichiers 'style.scss' et cochez 'L'utiliser pour tous' Fichiers * .scss '.
ChrisB
11

Aptana Studio fournit un support de coloration syntaxique pour SASS / SCSS et il est possible d'installer Aptana en tant que plug-in dans Eclipse. Voir la citation suivante du site de téléchargement Aptana:

Installation via Eclipse

Veuillez copier l'URL du site de mise à jour suivante dans votre presse-papiers, puis suivez les étapes ci-dessous pour ajouter cette URL à votre liste de sites logiciels disponibles. Tenter d'accéder à cette URL à l'aide de votre navigateur Web renverra une erreur Accès refusé.

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

  1. Dans le menu Aide, sélectionnez »Installer un nouveau logiciel…« pour ouvrir la boîte de dialogue Installer un nouveau logiciel.
  2. Collez l'URL du site de mise à jour dans la zone de texte Travailler avec et appuyez sur la touche Entrée (ou Retour).
  3. Dans le tableau ci-dessous, cochez la case en regard du nom du plug-in, puis cliquez sur le bouton Suivant.
  4. Cliquez sur le bouton Suivant pour accéder à la page de licence.
  5. Choisissez l'option d'accepter les termes du contrat de licence et cliquez sur le bouton Terminer.
  6. Vous devrez peut-être redémarrer Eclipse pour continuer.
Yun
la source
2
Sachez qu'Aptana a sa propre coloration de thème. Si vous êtes habitué à un certain thème de couleur Eclipse, préparez-vous à l'abandonner complètement si vous installez le plugin Aptana.
Sturm
Mauvaise idée! Totalement cassé mes éditeurs Eclipse.
Branislav Lazic
6

Vous pouvez utiliser le dernier plug-in Eclipse appelé "Colorer" qui prend désormais en charge les fichiers SASS. Le voici: http://colorer.sourceforge.net/eclipsecolorer/index.html

Ouvrez le menu «Installer un nouveau logiciel» à partir du menu «Aide» dans Eclipse et entrez « http://colorer.sf.net/eclipsecolorer » dans la case «Travailler avec» pour installer le plug-in

vyasamit2007
la source
Prend-il en charge l'achèvement automatique (ctrl + espace)?
Fuzzo
Affichage trop d'erreur! presque sur toutes les lignes
Saurabh Bayani
il y a un nouveau logiciel disponible dans Eclipse appelé "Liclipse" qui fonctionne avec la plupart des langages
Fadi Nouh