how can I compile SASS to CSS in Bracket IDE?

Question

I have been working coding on bracket text editor for several days but I don't know how compile my SCSS codes to CSS!!

I have also installed bracket sass extension , have I installed right extension or not? if I have, so how does it work?

this is my extension manager:

Answer 1

Try installing the live sass compiler. After that, prepare the settings.json file below.

    "liveSassCompile.settings.formats": [
    {
        "format": "expanded",
        "extension": ".css",
        "savePath": "~",
    },
    {
        "format": "compressed",
        "extension": ".min.css",
        "savePath": "~",
    }
],