vscode怎么给一段代码加html标签,vscode设置html标签代码补全的方法

vscode设置html标签代码补全的方法

发布时间:2021-01-06 10:11:13

来源:亿速云

阅读:75

作者:小新

这篇文章将为大家详细讲解有关vscode设置html标签代码补全的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

1、安装插件

8a9105d888c4f0faa73426cf3240eda7.png

2、配置files.associations对象

972a9d0b1c29219182e478180f0c24ff.png

打开后页面如下:

b3fe908dfda100603e4bf3e6b26e14ad.png

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

ab8dc45e65199d69f576a2b21fada23f.png

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

e379a6da1f06d815d12fb42a83bb8885.png

添加一行

8db1bc9997fbd95c3b5222cdf2ba0844.png

同样,在Workspace settings里也做更改,原来是

9ec3bf19b45919f92405c32eef902372.png

添加

95dd7695c9d48a1ed168c06d1d0e9ff2.png

保存后,回到js文件,打

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

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

比如:{

"emmet.triggerExpansionOnTab": true,

"files.associations": {

"*.js": "html",

"*.vue": "html"

}

}

要记得两个setting都要加。

关于“vscode设置html标签代码补全的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值