How to change save path of style.css file in visual studio code when creating sass file?

Question

css

In general, I used to use Sublime Text 3 together with Gulp, and when creating a file with the sass extension, the style.css file was automatically created in the css folder.
I decided to switch to Visual Studio Code and ran into such a misunderstanding, I create a file with the sass extension and it creates a style.css file for me in the folder where the sass files are stored.
In general, I can’t figure out where to change the path so that it creates the style.css file in the css folder, and not in the same folder where all the sass files are.

Answer 1

The problem was solved by specifying in the user parameters.
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"extensionName": ".css",
"savePath": "~/../css/"
}
]

Answer 2

If you are using gulp, then there is gulpfile.js where you can configure everything.
But if you have an extension like easy sass, then look in the settings.

Answer 3

Download the "Live Sass Compiler" extension in "VS Code", after installation, enable "Watch SACC" on the bottom panel, delete all style.scc files in folders.
Ctrl+Shift+P (Call search string - settings Json) and write at the very end:
"liveSassCompile.settings.generateMap": false,
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"autoprefix" : "last 5 versions",
"extensionName": ".css",
"savePath": "css"
}
],
}
Or watch the video of Zhenya Andrikanich on YouTube channel "Freelancer for life" video is called "VS Code tincture installation plugins" minutes 36:10 - 41:36. Everything is very accessible and understandable!)