javascript - 如何在一个语句中使用vs code emmet javascript 变量、变量名和方法

Question

每次都用javascript写

document.querySelector

看起来时间太多了。有什么方法可以使用 vscode emmet 进行短写。例如，我需要写

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

我可以这样写吗

const{demo}=dq(.demo) // it'w wrong need right ans比 Tab 或 enter。

比它会改变

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

标签： javascriptvisual-studio-codeemmet

Answer 1

您可以使用片段（在您的片段文件之一中）很容易地做到这一点：

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

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

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

只需dq（或您想要的任何前缀）, Tab,Tab再次输入您的选择器。