vscode⾥div等html标签代码补全
使⽤vscode编写js代码,刚开始点击tab是不会⾃动补全代码的,其实还是有很多不便的地⽅的。查了下资料,把步骤列出来,跟着这个设置就好了。
1,安装插件
2,配置files.associations对象
打开后页⾯如下:
editorjs
在Comm Used列表中到"files.associations": {}
点击左边的edit按钮,在右边的编辑框编辑,原来是
{
"iggerExpansionOnTab": true
}
添加⼀⾏
{
"iggerExpansionOnTab": true,
"files.associations": {"*.js": "html"}
}
同样,在Workspace settings⾥也做更改
原来是
{
"workbench.editor.closeEmptyGroups": false,
"iggerExpansionOnTab": true
}
添加⼀⾏
{
"workbench.editor.closeEmptyGroups": false,
"iggerExpansionOnTab": true,
"files.associations": {"*.js": "html"}
}
保存后,回到js⽂件,打<div>标签,⾃动补全,代码⽣效。
Tips:如果你想补全的⽂件不是js⽂件,⽽是其他后缀,⽐如.vue⽂件,直接把⽂件后缀加到list后⾯即可
⽐如:
{
"iggerExpansionOnTab": true,
"files.associations": {
"*.js": "html",
"*.vue": "html"
}
}
要记得两个setting都要加