How to Watch Sass in Only Certain Folders in VSCode (Live Sass Compiler)

Step 1: Save Project As Workspace

Screenshot of VSCode creating workspace

Step 2: Modify .code-workspace JSON

Screenshot live sass compile intellisense
{
"settings": {
"liveSassCompile.settings.excludeList": [
"**/node_modules/**",
".vscode/**",
"**/css-dont-watch/**", // "css-dont-watch" is the name of the folder I want to exclude
]
}
}
screenshot vscode workspace settings

Step 3: Profit!

screenshot live sass compile

Bonus: Using “Include” instead of “Exclude”

{
"settings": {
"liveSassCompile.settings.includeItems":[
"**/css/**",
],
}
}
screenshot code workspace settings

Good Luck!

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store