58 votes

Comment définir la syntaxe scss dans Sublime 3 ?

J'utilise l'éditeur Sublime 3. Lorsque j'ouvre un fichier SCSS, il affiche de nombreux caractères rouges car il a mal évalué la syntaxe. Lorsque j'appuie sur CTRL + Shift + P et le type sass o scss Je n'ai pas le choix. J'ai dû régler la syntaxe sur CSS.

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

3 votes

ST3 ne prend pas en charge SCSS/SASS, essayez d'installer le paquetage d'un tiers tel que packagecontrol.io/packages/Syntax%20Highlighting%20for%20Sass

152voto

codegeek Points 2158

Presse CTRL + Shift + P dans Submile Text, la fenêtre popup ci-dessous s'ouvre

enter image description here

Cliquez sur le Contrôle des paquets : Installer le paquet .ce qui ouvrira la fenêtre popup ci-dessous. Tapez SCSS dans le champ de recherche. Cherchez exactement : SCSS (ce n'est pas forcément la première chose qui s'affiche) et cliquez dessus.

enter image description here

appuyez à nouveau sur CTRL + Shift + P et recherchez SCSS et cliquez sur le Set Syntax : SCSS . qu'il vos fichiers scss seront colorés en conséquence

enter image description here

3 votes

Note : Package Control ne peut pas être installé par défaut.

3 votes

@user31782 Pourriez-vous accepter cette réponse afin que d'autres puissent trouver la solution plus facilement ?

1 votes

Je ne sais pas pourquoi, mais après avoir installé le linter, je ne peux pas définir la syntaxe. Elle n'est pas proposée en option.

42voto

jameslol Points 126

Il existe deux formules très populaires : 'Sass' et 'SCSS'. J'ai commencé avec le paquet 'SCSS', étant donné que la réponse 72+ de codegeek le suggère, mais j'ai trouvé qu'une grande partie de mon SCSS valide était juste blanc.

El "Sass contient à la fois Sass et SCSS, et est beaucoup plus complet pour SCSS que le paquet simplement appelé 'SCSS'.

Étapes de l'installation :

  1. CTRL + SHIFT + P (Mac : COMMAND + SHIFT + P )
  2. Type ' Package Control: Install package et appuyez sur Enter . Attendez plusieurs secondes
  3. Type ' Sass ', assurez-vous que l'élément sélectionné est juste ' Sass et appuyez sur Enter .
  4. Vous verrez l'état de l'installation dans la barre d'état en bas de l'application. Une fois l'installation terminée :
  5. CTRL + SHIFT + P à nouveau
  6. Type ' Set syntax: SCSS et appuyez sur Enter

1 votes

Des conseils sur les espaces spécifiques à la syntaxe ? Pour moi, lorsque j'appuie sur la touche Entrée, il y a toujours 4 espaces alors qu'il devrait y en avoir 2 selon le fichier spécifique à la syntaxe pour scss.

0 votes

Je confirme que le plugin SASS 2.0 est bien meilleur que le plugin SCSS.

2voto

Ryan Wheale Points 4685

Si vous avez installé l'extension Sass (qui prend en charge à la fois SASS et SCSS) et que vous souhaitez que tous les fichiers de l'extension .scss pour qu'ils s'ouvrent avec la nouvelle coloration syntaxique SCSS plutôt qu'avec l'ancienne SASS, procédez comme suit :

  • Ouvrir Affichage -> Syntaxe -> Ouvrir tout avec l'extension actuelle en tant que...
  • Sélectionnez Sass -> SCSS

Crédit : http://joncaveman.com/2015/08/11/sublime-text-3-default-syntax-highlighting-for-file-types/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X