SCSS auto-suggestion on VS code

Question

I am new to SCSS and have just started a new project, as you can see below I have declared 4 variables in Global.scss but after import it to another scss file, I was unable to get any auto-suggestion as I was assigning those variables.

Am I missing any plugins? Or any other way to solve this?

Answer 1

Yes, You need to install a vs code extension . SCSS IntelliSense

Installing this extension will show suggestions for variables accessed in a different file.

Answer 2

Besides SCSS intelliSense , you can also try SCSS Everywhere which gives you suggestions when you are assigning classes to HTML elements.