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

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

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

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

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

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

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

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

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

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

vscode自动补全nodejs代码的方法
vscode自动补全nodejs代码的方法点击window+x出现窗口,点击命令提示符(管理员),打开dos窗口,在当前项目路径下输入如下命令(配置了淘宝镜像): cnpm install --sa ...
PowerShell: 在自定义代码中支持Tab键自动补全
大家好,我是码农杰克~ 在PowerShell中很多Cmdlet在输入参数时按tab键就可以可以自动补全,这是怎么做到的呢? 我们先来看个PowerShell自带命令:Test-Path 在Power ...
初识HTML（二）VsCode编辑器，常用标签
文章目录 VS Code编辑器元素的概念 HTML标题 HTML段落 HTML超链接 HTML图片插入常用字体样式标签标签嵌套列表 HTML 编辑器推荐可以使用专业的编辑器来编辑 HTML, ...
史上最全vscode配置使用教程
史上最全vscode配置使用教程正在上传-重新上传取消灰蓝宇墨上海闪店联信息科技有限公司前端工程师 5,041 人赞同了该文章工欲善其事,必先利其器.想要优雅且高效的编写代码,必须熟练使 ...
vscode输入vue自动_使用vscode，新建.vue文件，tab自动生成vue代码模板
第一步: 新建模板并保存文件 --> 首选项 --> 用户代码片段 --> 输入vue,选择vue.json -->复制第三步中的模板内容中内容保存第二步: 添加配置,让 ...
学习TeXworks编辑器（二）TAB补全详解与自定义补全命令总结
文章目录写在前面内置补全命令及记忆希腊字母的补全规则对应表小写希腊字母大写希腊字母作为变量的希腊字母常用数学命令(字体)的补全常用环境的补全自定义补全命令结语参考文献写在前 ...
如何恢复vscode的默认配置_史上最全vscode配置使用教程
工欲善其事,必先利其器.想要优雅且高效的编写代码,必须熟练使用一款前端开发工具.但前端开发工具数不胜数,像HBuilder.Sublime Text.WebStorm.Visual Studio Co ...
在VSCode中自定义文件类型和扩展名关联
目录标题概述实现步骤总结标题在 VSCode 中自定义文件类型和扩展名关联 Customize file type and extension associations in VSCode ...
VSCode生成自定义代码块
关于 VSCode生成自定义代码块如何新建代码片段中的内置变量如何新建第一步: 文件 >> 首选项 >> 用户代码片段,新建一个全局的代码段,以下是本人新建的仅供参考 ...

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

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

最新文章

热门文章