How to make custom code snippet only for scss files in VS Code?

Question

Visual Studio Code

I want to write an abbreviation that will only work in SCSS files.
Here is an example code:

"mediaMaxWidth": {
    "scope": "scss",
    "prefix": "md",
    "body": [
      "@media (max-width: $1px) {",
      "$2",
      "}",
    ]
  },

I know that the "scope" key determines in which language this abbreviation will be displayed. But when I try to write scope": "scss", scope": "css" or scope": "sass" the code snippet stops working, it doesn't seem to see this language. You can remove this key, but then the code snippet starts working in all files.Maybe there are some values ​​for "scope" so that it would be displayed only in scss files?

Answer 1

Ctrl + Shit + P > Configure User Snippet > SCSS
Or just rename your snippet file to scss.json. And scopetake away.