How to set up SCSS in VS Code?

If you're a beginner & don't know how to set up SCSS then you're in right place. In this blog, I will teach you how to set up SCSS.

Try this using Extensions:

Install this Live Sass Compiler Extension from VS Code Marketplace.

After installing this check these steps:

1. create index.html

2. Create a folder called SCSS or SASS inside the main folder.

3. create style.css inside SCSS folder

Now click on Watch Sass button it will automatically watch SCSS.

After clicking this button you will see some files are created automatically.

You need to connect CSS to the index.html

<link rel="stylesheet" href="/SCSS/style.css">

That's it. Now you can code SCSS here.