Comment intégrer le prétraitement CSS dans Eclipse ?

Question

J'aimerais éditer des fichiers SCSS dans Eclipse, de préférence avec une coloration syntaxique pour les éléments suivants .scss des fichiers.

J'ai trouvé ces ressources précieuses :

• http://sass-lang.com/editors.html - n'a pas d'éditeur pour les fichiers .scss mais seulement pour les fichiers .sass
• http://colorer.sourceforge.net/eclipsecolorer - n'a que des fichiers .scss

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 ?

Answer 1

Je viens de comprendre comment faire ça dans Eclipse. J'admets que cette solution ne prend pas en charge SASS à 100 % et que les couleurs sont un peu bizarres lorsque l'on utilise des css imbriqués, mais c'est bien 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 natif d'Eclipse [Partie 1]. Après cela, vous devez également ajouter le type de fichier .scss à l'éditeur CSS natif afin que celui-ci puisse l'ouvrir [Partie 2]. Voici les étapes pour eclipse (j'utilise Eclipse Java EE IDE for Web Developers, Indigo) :

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

1. Aller à Window > Preferences

2. Descendez jusqu'à 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. Trouvez le *.scss l'entrée dans la File Associations et sélectionnez-la.

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

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

Ceci a associé le type de fichier .scss à l'éditeur CSS natif d'Eclipse. Nous devons maintenant configurer l'éditeur CSS natif pour qu'il prenne en charge les fichiers .scss. Pour ce faire, suivez les étapes suivantes :

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

1. Aller à Window > Preferences

2. Descendez jusqu'à General > Content Types

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

4. Après CSS est sélectionné, en bas File associations: cliquez sur l'onglet Add... bouton.

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

6. Cliquez sur OK pour fermer la fenêtre des préférences.

C'est fait. Il ne vous reste plus qu'à fermer tous les fichiers .scss que vous avez ouverts, puis à les rouvrir. Et voilà, les couleurs css dans Eclipse pour les fichiers .scss !

Remarque : Si les couleurs css n'apparaissent pas, vous devrez peut-être procéder comme suit : Right click the .scss file > Open With > CSS Editor .

J'espère que cela vous aidera.

Answer 2

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

Installation via Eclipse

Veuillez copier l'URL du site de mise à jour suivant dans votre presse-papiers, puis suivez les étapes indiquées ci-dessous pour ajouter cette URL à votre liste de sites logiciels disponibles. Si vous tentez d'accéder à cette URL à l'aide de votre navigateur Web, vous obtiendrez un message d'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, puis appuyez sur la touche Entrée (ou Retour).
3. Dans le tableau ci-dessous, cochez la case à côté du nom du plug-in, puis cliquez sur le bouton Suivant.
4. Cliquez sur le bouton Suivant pour accéder à la page de la licence.
5. Choisissez l'option permettant d'accepter les termes du contrat de licence, puis cliquez sur le bouton Terminer.
6. Vous devrez peut-être redémarrer Eclipse pour continuer.

Answer 3

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

Ouvrez "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.