vscode不能补全标签的解决方法-创新互联

这篇文章主要介绍了vscode不能补全标签的解决方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

成都创新互联公司专业为企业提供红花岗网站建设、红花岗做网站、红花岗网站设计、红花岗网站制作等企业网站建设、网页设计与制作、红花岗企业网站模板建站服务,十余年红花岗做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

vscode不能补全标签怎么办?vscode里div等html标签代码补全

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

相关推荐:vscode教程

1,安装插件

vscode不能补全标签的解决方法

2,配置files.associations对象

vscode不能补全标签的解决方法

打开后页面如下:

vscode不能补全标签的解决方法

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

vscode不能补全标签的解决方法

点击左边的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文件,打

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

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

比如:

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

要记得两个setting都要加

感谢你能够认真阅读完这篇文章,希望小编分享的“vscode不能补全标签的解决方法”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!


标题名称:vscode不能补全标签的解决方法-创新互联
网页地址:http://ybzwz.com/article/dshcoh.html