vscode如何快速补全div标签

vscode如何快速补全div标签

1、首先安装插件

fb23f3597369219e6c5d01bed6b1a59.png

2、配置files.associations对象

404be9fbe55773a6b3dbebb10e8de9c.png

打开后如下所示:

fe0d3900a4e2e1c17fd6e65441446af.png

在Comm Used列表中找到"files.associations": {}

cf66d7565dc738d743f79c725685199.png

点击左边的edit按钮,在右边的编辑框编辑,结果如图:

ca89a2542c6781bc40bf05890bcff6a.png

同样,在Workspace settings里也做更改,如下图所示:

7cec67afd74a193c1ce58c0bf1d390c.png

保存后,回到js文件,打

标签,自动补全,代码生效。

提示:如果你想补全的文件不是js文件,而是其他后缀,比如.vue文件,直接把文件后缀加到list后面即可。

比如:

{
    "emmet.triggerExpansionOnTab": true,
    "files.associations": {
        "*.js": "html",
        "*.vue": "html"
    }
}

相关文章教程推荐:vscode教程

以上就是vscode如何快速补全div标签的详细内容,更多请关注其它相关文章!