Сконфигурируйте теги для vscode-styled-plugin в нетекстовом проекте

Question

Я использую стилизованные компоненты (через Emotion) и обнаружил плагин vscode-styled-components , чтобы обеспечить соответствующую подсветку синтаксиса в vscode. Работает очень хорошо.

Из коробки требуется один из 4 тегов для использования с литералом шаблона для распознавания блока как строки css: «styled», «css», «injectGlobal» или «createGlobalStyle».

Я бы хотел использовать свой собственный тег, а не любой из этих 4.

Документ плагина указывает на его зависимость для информации о конфигурации: typescript-styled-components . Он показывает, как настроить использование дополнительных тегов с помощью compilerOptions. Мой реактивный проект не построен с использованием машинописного текста, поэтому это не вариант для меня.

Вопрос : есть ли способ настроить использование тегов в нетекстовом проекте?

Answer 1

Просто используйте файл jsconfig.json вместо tsconfig.json.В корне вашего проекта создайте файл jsconfig.json с содержанием:

{
  "compilerOptions": {
    "target": "es6",
    "plugins": [
      {
        "name": "typescript-styled-plugin",
        "tags": [
          "styled",
          "css",
          "sty"
        ]
      }
    ]
  },
  "exclude": [
    "node_modules",
    "**/node_modules/*"
  ]
}

jsconfigs определяют настройки для проектов javascript

Также обратите внимание, что параметры тегов в настоящее время не влияют на подсветку синтаксиса, только intellisense