vue - пользовательские блоки - подсветка синтаксиса - PullRequest
Новая
       0

vue - пользовательские блоки - подсветка синтаксиса

0 голосов
/ 12 апреля 2020

Vue Отдельные файловые компоненты позволяют создавать пользовательских блоков (кроме известных script , template и стиль ). Официальные документы: https://vue-loader.vuejs.org/guide/custom-blocks.html#example Но есть ли способ заставить подсветку синтаксиса работать внутри такого пользовательского блока? Я попытался вставить код JS так же, как и другие типы языков, но нет подсветки синтаксиса.

1 Ответ

1 голос
/ 12 апреля 2020

Vetur поддерживает подсветку синтаксиса в пользовательском блоке :

Vetur предоставляет настройку vetur.grammar.customBlocks, по умолчанию: 

"vetur.grammar.customBlocks": {
  "docs": "md",
  "i18n": "json"
}

Вы можете

  • Изменить vetur.grammar.customBlocks, например: 

"vetur.grammar.customBlocks": {
  "docs": "md",
  "i18n": "json",
  "page-query": "graphql",
  "static-query": "graphql"
}

  • Запустить команду "Vetur: Создать грамматику из vetur.grammar.customBlocks

  • Перезапустите VS Code , чтобы получить подсветку синтаксиса для пользовательских> блоков.

Допустимое значение языка для пользовательских блоков :

  • Все значения lang в таблице поддержки.
  • md | yaml | json | php | graphql
...