Синтаксис HTML выделите возвышенное 3 Typescript
Я использую TypeScript с Sublime 3. Как я могу добавить подсветку HTML в атрибуте шаблона: [ПРИМЕЧАНИЕ: я уже использую пакет Microsoft TypeScript]
Посмотрите, как это сейчас не выделено:
Ответы на вопрос(2)
Вот быстрое исправление, которое все еще использует ваш установленныйTypeScript пакет и его существующее определение подсветки синтаксиса:
Откройте файл TypeScript (с установленной подсветкой синтаксиса TypeScript)
ВыбратьИнструменты> Разработчик> Новый синтаксис от Typescript.tmLanguage создать новый файл определения синтаксисана основе существующего
Найтиtemplate контекст (Ctrl+f заstring.template.ts) и добавить включение для'scope:text.html.basic' кpush как указано впрокомментировал строка ниже:
%YAML 1.2
---
# http://www.sublimetext.com/docs/3/syntax.html
name: TypeScript + HTML # <-- renaming is optional
# ...
template:
- match: "([_$[:alpha:]][_$[:alnum:]]*)?(`)"
captures:
1: entity.name.function.tagged-template.ts
2: punctuation.definition.string.template.begin.ts
push:
- meta_scope: string.template.ts
- match: "`"
captures:
0: punctuation.definition.string.template.end.ts
pop: true
- include: template-substitution-element
- include: string-character-escape
- include: 'scope:text.html.basic' # <-- !! only add this line !!
template-substitution-element:
# ...
необязательный шаг:
Изменитьname свойство в начале файла что-то вродеTypeScript + HTML легко найти и выбрать его вСинтаксис список позже
Сохраните файл с.sublime-syntax Файл заканчивается
Перезапустите Sublime Text и примените новую подсветку синтаксиса к файлу машинописи:
Вы можете прочитать здесь, как этого добиться:
https://forum.sublimetext.com/t/javascript-es6-template-literals-syntax-for-html/18242
Воспроизводится здесь:
Откройте Инструменты> Разработчик> Новый синтаксис
Добавлять:
%YAML1.2
---
# See http://www.sublimetext.com/docs/3/syntax.html
name: JavaScript NG
file_extensions:
- js
- ng.js
scope: source.js.ng
contexts:
main:
- match: ""
push: scope:source.js
with_prototype:
- match: '`'
push:
- meta_content_scope: text.html.basic.embedded.js
- include: 'scope:text.html.basic'
- match: '`'
pop: true
и сохранить его имеет JavaScript-NG.sublime-синтаксис
Существует также открытая проблема github по этому вопросу: