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

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

vscode html自定义标签自动补全,vscode代码编辑器的html标签自动补全如何设置_第1张图片

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

vscode html自定义标签自动补全,vscode代码编辑器的html标签自动补全如何设置_第2张图片

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

vscode html自定义标签自动补全,vscode代码编辑器的html标签自动补全如何设置_第3张图片

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

vscode html自定义标签自动补全,vscode代码编辑器的html标签自动补全如何设置_第4张图片

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

vscode html自定义标签自动补全,vscode代码编辑器的html标签自动补全如何设置_第5张图片

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

vscode html自定义标签自动补全,vscode代码编辑器的html标签自动补全如何设置_第6张图片

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

vscode html自定义标签自动补全,vscode代码编辑器的html标签自动补全如何设置_第7张图片

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

相关推荐:

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

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

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

你可能感兴趣的:(vscode,html自定义标签自动补全)