vscode里div等html标签代码补全

kirin

发布于 2020-06-23 10:06:49

2.7K0

发布于 2020-06-23 10:06:49

文章被收录于专栏：Kirin博客Kirin博客

使用vscode编写js代码，刚开始点击tab是不会自动补全代码的，其实还是有很多不便的地方的。查了下资料，把步骤列出来，跟着这个设置就好了。

1，安装插件

2，配置files.associations对象

打开后页面如下：

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

点击左边的edit按钮，在右边的编辑框编辑，原来是

{
    "emmet.triggerExpansionOnTab": true
}

添加一行

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

同样，在Workspace settings里也做更改

原来是

{
    "workbench.editor.closeEmptyGroups": false,
    "emmet.triggerExpansionOnTab": true
}

添加一行

{
    "workbench.editor.closeEmptyGroups": false,
    "emmet.triggerExpansionOnTab": true,
    "files.associations": {"*.js": "html"}
}

保存后，回到js文件，打<div>标签，自动补全，代码生效。

Tips：如果你想补全的文件不是js文件，而是其他后缀，比如.vue文件，直接把文件后缀加到list后面即可

比如：

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

要记得两个setting都要加

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2020-06-22 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度