Как изменить содержимое расширения вкладки Emmet

Question

Как изменить содержимое расширения вкладки Emmet?

По умолчанию:

input div.header, а затем при нажатии клавиши tab будет получено <div className = "header"> </ div>

Что я хочу:

input div.header и затем при нажатии клавиши Tab будет генерироваться <div className = {cx ("header")}> </ div>

Однако ， не только div, это может быть span или h1 или img и так далее, все еще может быть вложенным.

пример:

div.header>div.title>span.icon ===>

<div className = {cx ("header")}>
  <div className = {cx ("title")}>
    <span className = {cx ("icon")}> </ span>
  </ div>
</ div>```

Answer 1

См. Общие инструкции на Ссылка + ярлык на вкладке Emmet на VSCode - Как мне получить «тип», включаемый в это?

Как сказал @ rioV8, чтобы изменить поведение из div.header для встроенного расширения emmet может потребоваться повторное выполнение при обновлении vscode.

Но вы можете создать собственное сокращение emmet, например div:cx, которое будет расширяться до того, что вы хотите. Используйте

"div:cx" : "<div className = {cx (\"$1\")}> </ div>"

в своих файлах фрагментов. json, как описано в приведенной выше ссылке. И посмотрите https://code.visualstudio.com/docs/editor/emmet#_using -custom-emmet-snippets . И не забудьте указать vscode путь к этому файлу с настройкой:

Emmet: путь расширения

, чтобы что-то подобное получилось в ваших настройках. json :

"emmet.extensionsPath": "C:\\Users\\Mark\\Test Bed\\.vscode", 

, если вы поместите этот файл snippets.json в каталог .vscode.