Comment définir la syntaxe scss dans Sublime 3?

Question

J'utilise Sublime 3 editor. Lorsque j'ouvre un fichier SCSS, il affiche de nombreux caractères rouges car il a mal évalué la syntaxe. Quand j'appuie CTRL + Shift + P et tapez sass ou scss je n’obtiens aucune option. Je devais définir la syntaxe CSS.

Existe-t-il un moyen de définir la syntaxe SCSS dans Sublime 3?

codegeek · Answer

presse CTRL + Shift + P en sous-texte Le texte ci-dessous s'ouvre

Cliquez sur Contrôle du paquet: Installer le paquet . Ce qui ouvrira le popup.type ci-dessous [~ # ~] scss [~ # ~] dans le champ de recherche. La première suggestion sera [~ # ~] scss [~ # ~] (Il n'est pas mis en évidence dans l'image ci-dessous) et cliquez dessus.

appuyez à nouveau sur CTRL + Shift + P et recherchez SCSS et cliquez sur la Syntaxe de réglage: SCSS . que vos fichiers scss seront colorés en conséquence

jameslol · Answer

Il existe deux packages très populaires: "Sass" et "SCSS". J'ai commencé avec le paquetage 'SCSS', étant donné que la réponse de codegeek 72+ le suggère, mais j'ai constaté qu'une grande partie de mon SCSS valide était simplement blanche.

Le paquet 'Sass' contient à la fois Sass et SCSS. Il est beaucoup plus complet pour le SCSS que le paquet qui vient d'être appelé 'SCSS'.

Étapes à suivre pour installer:

CTRL+SHIFT+P (Mac: COMMAND+SHIFT+P)
Tapez 'Package Control: Install package 'et appuyez sur Enter. Attendre plusieurs secondes
Tapez 'Sass', assurez-vous que l'élément sélectionné est simplement 'Sass' 'et appuyez sur Enter.
Vous verrez l'état de l'installation dans la barre d'état en bas de l'application. Une fois l'installation terminée:
CTRL+SHIFT+P encore
Tapez 'Set syntax: SCSS 'et appuyez sur Enter

Ryan Wheale · Answer

Si vous avez l'extension Sass installée (qui prend en charge à la fois SASS et SCSS) et que vous voulez tous les .scss fichiers à ouvrir avec la mise en surbrillance de la syntaxe SCSS plus récente au lieu de l’ancien SASS, procédez comme suit: