vscode的Auto Rename Tag插件：修改开始标签的时候，同步修改结束标签

Love The Way You Lie 2024-04-23 12:47 1阅读 0赞

Auto Rename Tag插件的作用是：修改开始标签的时候，能同步修改结束标签。

下面来安装这个插件。  
打开左侧栏的扩展按钮：  
![在这里插入图片描述][b6fea44195af4b7483cd1c7094f99424.png]

在搜索框中输入关键词：  
![在这里插入图片描述][3338afc74a184666886ce0d283e91641.png]

点击安装：  
![在这里插入图片描述][092188335c064a1789425e79a10b2b4b.png]

安装成功以后就可以使用了。  
例如，我想将代码中的div标签改为span标签：![在这里插入图片描述][02846c0a4d2248c48887668e674448df.png]

只要修改了开始标签，结束标签就同步跟着修改了：  
![在这里插入图片描述][5614fb1d677d487a83f16b7570922d77.png]

![在这里插入图片描述][03f0471ccf754feb8ef86abd185c3343.png]

[b6fea44195af4b7483cd1c7094f99424.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/ac60533b76de43bab9852c3c95957f08.png
[3338afc74a184666886ce0d283e91641.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/d7e4371d64e54781a428738228ea8685.png
[092188335c064a1789425e79a10b2b4b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/75e357ffa38d4f528a4c424c695ea3d7.png
[02846c0a4d2248c48887668e674448df.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/ca378ecf064046e9817e9f1d91e98b83.png
[5614fb1d677d487a83f16b7570922d77.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/169132c5251c4025ad75ceca93f18d14.png
[03f0471ccf754feb8ef86abd185c3343.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/7fafb5ea66ba4b38aead5eff817c6518.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 vscode的Auto Rename Tag插件：修改开始标签的时候，同步修改结束标签

vscode的Auto Rename Tag插件：修改开始标签的时候，同步修改结束标签

Love The Way You Lie/ 2024年04月23日 12:47/ 0 赞/ 2 阅读

相关 Qml控件之Tag标签

> Tag标签是基于Qml实现的，它兼容于`QtQuick 1.x`和`QtQuick 2.x`。可用于对事物进行标记和分类。 1. 演示输入标签文本后按回车按

痛定思痛。/ 2022年12月31日 03:22/ 0 赞/ 132 阅读

相关 Layui的tag标签

1.页面显示 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

落日映苍穹つ/ 2022年12月25日 04:51/ 0 赞/ 785 阅读

相关 audio标签的样式修改

由于H5的流行，现在移动端大多数的需求都可以使用audio来播放音频，但您可能只是需要很简单的播放/停止效果，但不同的浏览器上的audio样式却不尽人意，那么要怎么改变这个样式

水深无声/ 2022年11月29日 05:41/ 0 赞/ 303 阅读

相关 VSCode修改插件的安装启动位置

一、VS Code启动命令可以修改可以指定加载插件的位置 code --extensions-dir 你的目标文件夹输入命令：code --extensions-

迈不过友情╰/ 2022年03月21日 11:12/ 0 赞/ 393 阅读

相关 vscode 如何加入插件---提示html标签

一、找到左侧菜单栏最底下的一个选项![20190417094507548.png][] 二、点击完成之后，旁边会有一个搜索框，搜索HTML Snippets，然后点击安装![

素颜马尾好姑娘i/ 2022年02月18日 09:17/ 0 赞/ 823 阅读

相关 VSCode常用插件及配置修改

[插件 marketplace][marketplace] 官网`top`插件 ![在这里插入图片描述][watermark_type_ZmFuZ3po

布满荆棘的人生/ 2022年02月18日 08:27/ 0 赞/ 628 阅读

相关 kubernetes修改node的role标签

执行kubectl get node命令，可以看到如下结果： NAME STATUS ROLES AGE VERSION nod

青旅半醒/ 2022年02月01日 23:29/ 0 赞/ 317 阅读

相关 uniapp组件-uni-tag标签

官方示例：[https://ext.dcloud.net.cn/plugin?id=35][https_ext.dcloud.net.cn_plugin_id_35] Tag

旧城等待，/ 2021年07月25日 22:48/ 0 赞/ 1477 阅读

相关 vscode修改插件安装路径

在windows平台上安装的vscode，插件目录默认在C:\\Users\\\{username\}\\.vscode\\extensions下。我们知道，windows的C

亦凉/ 2021年05月12日 11:50/ 0 赞/ 934 阅读