web-dev-qa-db-fra.com

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

Je souhaite éditer des fichiers SCSS dans Eclipse, de préférence avec la coloration syntaxique de .scss des dossiers.

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?

csseclipsesasseclipse-plugin
110
Eric H

Je viens de comprendre comment faire cela dans Eclipse. J'admets que cette solution ne prend pas en charge 100% SASS, les couleurs deviennent un peu géniales lors de l'utilisation de fichiers CSS imbriqués, mais c'est 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 dans Eclipse [Partie 1]. Cela fait, 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 à suivre pour Eclipse (j'exécute Eclipse Java EE IDE pour les développeurs Web, Indigo)]:

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

  1. Aller à Window > Preferences

  2. Accédez à General > Editors > File Associations

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

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

  5. Trouvez le *.scss entrée dans le File Associations liste et sélectionnez-le.

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

  7. Assure-toi Internal editors est sélectionné en haut, puis recherchez et sélectionnez CSS Editor puis cliquez sur OK.

Ceci a associé le type de fichier .scss à l'éditeur de CSS natif des éclipses. Nous devons maintenant configurer l'éditeur CSS natif pour prendre en charge les fichiers .scss. Pour ce faire, suivez ces étapes:

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

  1. Aller à Window > Preferences

  2. Accédez à General > Content Types

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

  4. Après que CSS soit sélectionné, en bas File associations: _, cliquez sur le Add... bouton.

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

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

Terminé. Tout ce que vous devez faire maintenant, c’est de fermer tous les fichiers .scss que vous avez ouverts, puis de les rouvrir et de modifier les couleurs CSS dans Eclipse pour les fichiers .scss!

Remarque: Si les couleurs CSS n'apparaissent pas, vous devrez peut-être effectuer les opérations suivantes: Right click the .scss file > Open With > CSS Editor.

J'espère que cela t'aides.

294
Scot

Aptana Studio fournit un support de coloration de la syntaxe 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

Copiez l'URL de site de mise à jour suivante dans votre presse-papiers, puis suivez les étapes ci-dessous pour ajouter cette URL à votre liste de sites de logiciels disponibles. Toute tentative d’accès à 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, puis 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 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.
11
Yun

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 le nouveau logiciel" dans le menu "Aide" d'Eclipse et entrez " http://colorer.sf.net/eclipsecolorer " dans la zone "Utiliser avec" pour installer le plug-in.

6
vyasamit2007