Editeur SASS pour MAC OS X

Sass est un préprocesseur CSSFeuilles de style qui permettent de mettre en forme des pages web., très pratique ! Cependant, il nécessite un éditeur comme Sublime Text pour permettre de s’y retrouver facilement.

Sous Mac OS X, il est difficile de trouver un éditeur de texte digne de ce nom. Mais Sublime Text pallie à ce manque.

Les meilleurs alliés de Sublime Text, ce sont aussi ses plugins. Ils sont nombreux et peuvent s’installer facilement. Il existe sur Sublime Text un plugin SASS qui était ma grande recherche du moment!

Editeur Sass pour MAC OS X : Installer un plugin facilement

Une petite astuce pour installer les plugins : installer Package Control.

Pour cela, allez dans le menu View > Show Console

Puis copiez-collez la commande suivante :

import urllib2,os,hashlib;
h = ’eb2297e1a458f27d836c04bb0cbaf282’ + ’d0e7a3098092775ccb37ca9d6b2e4b7d’; 
pf = ’Package Control.sublime-package’;
 ipp = sublime.installed_packages_path(); 
os.makedirs( ipp ) if not os.path.exists(ipp) else None;
 urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) );
 by = urllib2.urlopen( ’http://packagecontrol.io/’ + pf.replace(’ ’, ’%20’)).read();
 dh = hashlib.sha256(by).hexdigest(); 
open( os.path.join( ipp, pf), ’wb’ ).write(by) if dh == h else None; print(’Error validating download (got %s instead of %s), please try manual install’ % (dh, h) if dh != h else ’Please restart Sublime Text to finish installation’)

Il vous faudra redémarrer SublimeText pour la prise en compte du Package Control.

Editeur Sass pour MAC OS X : Installation du plugin pour Sublime Text

Maintenant que Package Control est installé, vous pouvez aller dans le menu « Tools > Command Palette… »

Dans la fenêtre qui s’ouvre, choisissez « Package Control : Install Package »

Vous pouvez alors taper « sass » dans la recherche et lancer l’installation.

Vous pouvez maintenant éditer votre feuille SASS avec tous les bénéfices du plugin !