如何在一条语句中使用vs代码emmet javascript变量、变量名和方法
每次都是用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
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"
},