Sublime Text 2: Comment obtenir la couleur des fichiers scss et Less?
J'utilise Sublime Text 2 et les fichiers css.scss et css.less sont en tout texte blanc - les commentaires, les crochets, la syntaxe - tout. Si je regarde mes fichiers css habituels, ils ont une couleur qui différencie tout ce qui précède. Quelqu'un d'autre a-t-il traité de cela? Est-ce un bug que je reçois? Comment puis-je ajouter ma propre couleur ou prendre les mêmes paramètres du fichier css normal et les ajouter aux fichiers less et scss celui?
Vous pouvez définir la syntaxe pour toute extension spécifique. S'il vous plaît voir ceci:
Ouvrez le fichier correspondant avec l'extension .scss/.less. Dans le menu situé en haut, allez à Voir> Syntaxe> [Facultatif: ouvrez tous les fichiers avec l'extension actuelle ...]> CSS
Dans Préférences SublimeText> Contrôle du package.
Sélectionnez "Contrôle du paquet: Installer le paquet".
Maintenant tapez "MOINS" dans la case. Cliquez sur la première option qui apparaît.
Redémarrez Sublime.
Ouvrez le fichier LESS
Voir> Syntaxe. Sélectionnez MOINS
Même chose pour le SASS même
La meilleure façon d'installer un paquet pour afficher la syntaxe colorée en sublime est de suivre ce lien:
https://sublime.wbond.net/installation#st2
En effet, il existe des instructions sur la procédure à suivre au cas où la ligne de commande écrite dans la réponse précédente ne fonctionnerait pas. Il existe également deux lignes de commande différentes pour différentes versions de Sublime Text.
Une fois le paquet installé, vous verrez la catégorie LESS dans l’option de menu View> Syntax.
Pour moi, cela a beaucoup aidé… .. J'espère que cela fonctionne pour vous aussi!
Vous pouvez installer le gestionnaire de paquets en copiant le code suivant et en le collant dans la console de texte sublime (voir -> afficher la console):
import urllib2,os; 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())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')
Une fois installé, appuyez sur ctrl + shift + p, écrivez install puis cliquez sur installer le paquet. Sur l'écran qui apparaît, écrivez sass puis cliquez sur le paquet de syntaxe sass . Une fois terminé, ouvrez simplement votre fichier scss, appuyez sur ctrl + Maj + p puis écrivez sass et cliquez sur "définir la syntaxe: sass"
Si Package Control} _ n'est pas installé sur votre texte Sublime, vous pouvez installer le package manuellement.
Pour installer LESS package , suivez cette procédure manuellement:
- Téléchargez le package LESS: https://github.com/danro/LESS-sublime/archive/master.Zip
- Décompressez l'archive
- Dans Texte sublime, accédez à Préférences → Parcourir les packages ...
- Copier/coller le dossier du paquet dans la nouvelle fenêtre qui vient d'être ouverte
- Redémarrer Sublime Text
- Ouvrir un fichier
.less - Allez dans Affichage → Syntaxe → Ouvrir tout avec l'extension actuelle en tant que ... → Moins
Pour installer package SCSS vous devez suivre la même procédure.
SCSS package téléchargement direct: https://github.com/MarioRicalde/SCSS.tmbundle/archive/master.Zip
Joyeux codage!
Installez les plug-ins less et sass par le biais du gestionnaire de paquets pour obtenir la coloration syntaxique correcte pour ces types de fichiers.