Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to set scss syntax in Sublime 3?

I'm using Sublime 3 editor. When I open a SCSS file it shows many red characters because it misjudged the syntax. When I press CTRL + Shift + P and type sass or scss I get no option. I had to set syntax to CSS.

Is there any way to set syntax to SCSS in Sublime 3?

like image 718
user31782 Avatar asked Feb 10 '17 12:02

user31782


People also ask

How do I change syntax in Sublime Text 3?

To enable Syntax Highlighting click on “View” in the top bar, then hover your mouse over “Syntax”, and select your programming language from the list. Alternatively, if you save a document with a supported file extension, Sublime Text 3 will automatically apply the Syntax Highlighting for that language.

What is the syntax of Sass?

SASS supports two syntaxes namely SCSS and Indented syntax. The SCSS (Sassy CSS) is an extension of CSS syntax. This means every valid CSS is a valid SCSS as well. SCSS makes much easier to maintain large stylesheets and can recognize vendor specific syntax, Many CSS and SCSS files use the extension .


1 Answers

press CTRL + Shift + P in Submile Text below popup opens

enter image description here

Click on the Package Control: Install Package.which will open the below popup. Type SCSS in the search box. Look for exactly: SCSS (it may not be the first thing that comes up) and click on it.

enter image description here

again press CTRL + Shift + P and search for SCSS and click on the Set Syntax: SCSS. that it your scss files will be colored accordingly

enter image description here

like image 89
yasarui Avatar answered Sep 22 '22 12:09

yasarui