如何在一条语句中使用vs代码emmet javascript变量、变量名和方法

如何在一条语句中使用vs代码emmet javascript变量、变量名和方法,javascript,visual-studio-code,emmet,Javascript,Visual Studio Code,Emmet,每次都是用javascript写的 document.querySelector 看起来时间太多了。 有没有办法使用vscode emmet进行短写。 例如,我需要写作 const demo=document.querySelector('.demo') 我能这样写吗 const{demo}=dq(.demo)//与Tab或enter相比,需要正确的ans是错误的 它会改变的 const demo=document.querySelector('.demo')您可以创建一个引用querySele

每次都是用javascript写的

document.querySelector

看起来时间太多了。 有没有办法使用vscode emmet进行短写。 例如,我需要写作

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

我能这样写吗

const{demo}=dq(.demo)//与Tab或enter相比,需要正确的ans是错误的

它会改变的

const demo=document.querySelector('.demo')
您可以创建一个引用
querySelector的函数(仅一次):

const qs = selector => document.querySelector(selector);
然后,无论何时需要选择元素,都可以使用

qs('.demo')

qs
非常短,不需要使用tab和enter自动完成)

您可以通过一个代码片段(在您的代码片段文件中)轻松完成此操作:


只要
dq
(或任何你想要的前缀),Tab,输入你的选择器,然后再次Tab。

看起来很像jquerytried没有工作,把代码放进去是错误的吗?
里面的
[]
没有特殊意义,你不必逃避它:
[.\35;]
也一样works@NIKHIL-这是一个片段,它不会进入您的设置,而是进入一个代码段文件。很好,我在设置中使用它,哈哈。实际上我不知道,但现在正在使用你的代码,谢谢你的帮助
"doc.qs": {
  "prefix": "dq",
  "body": [

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

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