Как использовать против кода emmet javascript переменную, имя переменной и метод в одном выражении

Question

При javascript записи каждый раз

document.querySelector

выглядит слишком много времени. Есть ли способ короткой записи с помощью vscode emmet. Например, мне нужно написать

const demo = document.querySelector('.demo')

Могу ли я написать так

const{demo}=dq(.demo) // it'w wrong need right ans чем Tab или ввести.

, чем это будет изменить

const demo = document.querySelector('.demo')

Answer 1

Вы можете сделать это довольно легко с помощью фрагмента (в одном из ваших файлов фрагментов):

"doc.qs": {
  "prefix": "dq",
  "body": [

    "const ${1/[.#](.*)/$1/} = document.querySelector('$1')",
    "$0"

  ],
  "description": "doc.querySelector expander"
},

Просто dq ( или любой другой префикс, который вы хотите), Tab , введите ваш селектор и Tab снова.

Answer 2

Вы можете создать функцию (только один раз), которая ссылается на querySelector:

const qs = selector => document.querySelector(selector);

Затем, когда вам нужно выбрать элемент, используйте

qs('.demo')

(qs настолько короток, что не требуется автозаполнение с помощью табуляции и ввода)