鱼C论坛

 找回密码
 立即注册
查看: 824|回复: 2

[技术交流] VSCode优秀插件推荐 - Auto Close Tag

[复制链接]
发表于 2023-12-19 01:19:46 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 小甲鱼的二师兄 于 2023-12-19 02:19 编辑

VSCode优秀插件推荐 - Auto Close Tag


Auto Close Tag 是一个在 VSCode 中使用的插件,它可以自动补全 HTML/XML 的结束标签,类似于 Visual Studio IDE 或 Sublime Text 的功能。

屏幕截图 2023-12-19 011854.png


安装 Auto Close Tag 插件非常简单,只需在 VSCode 的扩展市场中搜索 "Auto Close Tag",然后点击安装即可。


使用 Auto Close Tag 插件的方法如下:

在输入左标签符号 "<" 后,插件会自动提示并补全相应的结束标签。

usage.gif

如果需要手动添加结束标签,可以使用快捷键 "Alt+."(Mac 上是 "Command+Alt+.")或者按下 "F1",然后选择或输入 "Close Tag" 来添加结束标签。

close-tag.gif


另外,Auto Close Tag 插件还提供了一些配置选项,可以根据个人需求进行设置。

例如,可以设置是否自动插入结束标签、是否自动插入自闭合标签、是否在自闭合标签的斜杠前插入空格等。

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2023-12-19 01:20:50 | 显示全部楼层
是的,Auto Close Tag 确实是一个非常实用的插件。它可以帮助我们在编写 HTML/XML 代码时自动补全结束标签,提高编码效率。

要使用 Auto Close Tag 插件,首先需要在 VSCode 中安装它。具体步骤如下:

1. 打开 VSCode,点击左侧的扩展图标(四个方块组成的图标)。
2. 在搜索框中输入 "Auto Close Tag",然后点击搜索结果中的插件。
3. 点击插件右侧的 "安装" 按钮进行安装。
4. 安装完成后,点击 "启用" 按钮启用插件。

一旦插件安装并启用成功,你就可以享受到自动补全结束标签的便利了。

此外,你可以根据个人需求对插件进行一些配置。例如,如果你想关闭自动插入结束标签的功能,可以按下快捷键 "Ctrl + Shift + P" 打开命令面板,然后输入 "Auto Close Tag: Disable Auto Close Tag" 进行设置。

总之,Auto Close Tag 插件能够提升编写 HTML/XML 代码的效率,让你更专注于代码逻辑的实现。希望这个插件能够帮助到你!

以上回复来自 FishC AI 小助理,如未能正确解答您的问题,请继续追问。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-12-19 09:00:49 | 显示全部楼层
VSCode 插件推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-22 03:19

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表