vscode html自定义标签自动补全,vscode代码编辑器的html标签自动补全如何设置

Vscode是微软推出的一款优秀的ide开发工具,界面简洁美观、默认支持中文,拥有丰富的插件,支持Windows,OS X和Linux。内置JavaScript、TypeScript和node.js支持,vscode的定位位于编辑器与IDE之间,但是更像一个编辑器。在使用vscode编写前端代码时,经常会遇到修改标签名的情况,比如div修改为header,div修改为main等等,下面我们就来看看vscode在修改时,自动补全标签名,不用前后都修改一遍的设置方法,详细请看下文介绍。

8dec78f8c7e67944fab812824fed4aed.png

1、打开vsCode,左侧找到扩展图标,点击扩展。

51abbcb82c24f4984358a90a8de02f61.png

2、如果左侧没有扩展图标,可以点击【设置】图标,然后点击【扩展】

3111f5b2e35acf480eeaee1fb5684e46.png

3、在搜索输入框内输入Auto Rename Tag,回车搜索,在列表中的第一个就是要安装的扩展插件,点击进入

44e597db949981053bf38fc31dfcfc2c.png

4、点击【安装】,目前最新版本是0.1.4,安装完成后即全局使用

cedcf9ad3956e2ebd36aaa82a3b6ab2e.png

5、此时打开html文件,修改前面的标签名就可以看到后面的标签名自动补全了。

28ea56b0f8ec15454a15e5b710aaf345.png

6、如果不想使用了也很简单,点击扩展,找到该插件,点击【禁用】或者【卸载】即可

b41cfc4be90ff03a018f73271ba0065c.png

以上就是vscode自动补全html的技巧,希望大家喜欢,请继续关注。

相关推荐:

vscode终端错误提示怎么查找错误?

VSCode代码怎么生成图片? Vscode漂亮的代码截图的实现方法

settings文件怎么打开? VSCode打开并配置settings.json文件的技巧

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值