Добавление пользовательских фрагментов между строками шаблона в коде Visual Studio

Question

Ниже я создал фрагмент, который собирался использовать в стилизованном компоненте. Фрагмент отвечает на указанный префикс, как и ожидалось, до тех пор, пока я не использую фрагмент внутри стилизованного компонента. У меня вопрос: есть ли что-то, что мне нужно включить в тело моего фрагмента, чтобы иметь возможность использовать этот фрагмент независимо от того, находится ли он между тегами шаблона или нет?

Фрагмент, созданный пользователем:

{
    "React Theme": {
        "scope": "javascript,typescript,jsx",
        "prefix": "theme",
        "body": [
            "${props => props.theme.${1:element}}",
        ],
        "description": "React theme"
    }
}

Короткий клип Поведение в редакторе

Answer 1

Это может быть потому, что ваш языковой режим scope должен быть javascriptreact вместо jsx:

"scope": "javascript,typescript,javascriptreact",

Нажмите на язык файла в правом нижнем углу, и вы откроете панель с все поддерживаемые языковые режимы с правильным использованием правописания в скобках - например, Javascript React (javascriptreact), используйте эту часть в скобках в настройках или фрагментах, которые требуют языкового режима.

Также укажите это в своих настройках:

 "editor.quickSuggestions": {
    "other": true,
    "comments": false,
    "strings": true         // this is the important one for you!!
  },

, чтобы фрагменты запускались в строке шаблона.

Попробуйте использовать префикс, отличный от theme, конфликтует ли это с чем-то в расширении?

У меня отлично работает: