You need to enable JavaScript to run this app.
最新活动
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

针对HTML自动闭合标签的反感行为,VSCode扩展可以进行修复。

通过以下代码来解决该问题:

在VS Code中创建一个新文件夹和一个新文件,然后在新文件中添加以下代码:

// Fix annoying auto-closing html tag behavior
vscode.workspace.onDidChangeTextDocument(event => {
    let editor = vscode.window.activeTextEditor;
    let doc = editor.document;
    let lastLine = doc.lineAt(doc.lineCount - 1);
    let text = lastLine.text.trim();
    let match = text.match(new RegExp('<\/([a-z]*)(>)$'));
    if (match) {
        let fullMatch = match[0];
        let tag = match[1];
        let position = new vscode.Position(doc.lineCount - 1, text.indexOf(fullMatch));
        editor.edit(builder => {
            builder.delete(new vscode.Range(position.translate(0, -1), position.translate(0, fullMatch.length)));
            builder.insert(position, `</${tag}>`);
        });
    }
});

此代码将确保您可以在VS Code中正确地关闭任意打开的HTML标签。 您现在可以尝试打开一个HTML标签,然后开始输入下一个标签,最后按下Enter键。 您会发现标签自动关闭,您可以轻松地开始下一个标签。

最后,将该文件保存为fixAutoCloseTag.js并运行该程序即可!

本文内容通过AI工具匹配关键字智能整合而成,仅供参考,火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见,您可以通过联系service@volcengine.com进行反馈,火山引擎收到您的反馈后将及时答复和处理。
展开更多
面向开发者的云福利中心,ECS 60元/年,域名1元起,助力开发者快速在云上构建可靠应用

社区干货

技术资讯:VSCode大更新,这两个. 功能终于有了

自动更新的扩展。- 源代码控制传入和传出视图 - 轻松查看待处理的存储库更改。- JavaScript 堆快照 - 可视化堆快照,包括内存对象图。- TypeScript 从嵌入提示转到定义 - 从嵌入提示悬停跳转到定义。- Python 类型层次结构显示 - 快速查看和导航复杂的类型关系。- GitHub Copilot 更新 - 内联聊天改进、Rust 代码解释。- 预览:扩展的粘性滚动支持 - 在树视图和终端中粘性滚动。## 2. 资讯详述VSCode此次版本...

关于一名资深Java程序员在移动端的进阶之路|社区征文

页面就是 Html ,还有移动端 H5 开发。有了这些基础之后,当时,我们正好要做一个移动端 H5 的一套页面,而且时间也比较紧急,我就被安排跟我们一个前端大佬,一起做页面。跟着她,让我认识到了 *HbuilderX* 这个开发工具。 之前我用的是 VsCode 写页面,这也算是发现新大陆了。主要对于我这种不专业的前端开发人员来说,是一个非常不错的开发神器了。它的特点就是:**入门超级简单**。### 微信小程序开发这里我不得不说这个开发工具真...

从重构到扩展——跨端通讯SDK

在主流的VScode + TS大环境下,引入一个没有任何类型定义的JS文件、靠AnyScript + 类型断言才能不报红的开发体验是糟糕的,即使加上了d.ts定义也只能兼顾在当前的项目类型提示完善。3. 有调试SDK的需求时,看着一坨编... (双端与H5的双向通讯都要进行验证),也不一定敢在另一个项目中直接引用。4. 由于通信方式限制,SDK的方法需要暴露在全局变量上,原版SDK并没有暴露修改内部行为的方法,除了修改SDK本身之外,想扩展/修改方法只能依赖重...

简单好用的ElasticSearch可视化工具:es-client和Head

## 一、前言- 使用 ElasticSearch(简称 es) 的过程中,经常有一些临时查询(如 排查问题、验证效果),一个趁手的可视化工具 可以提高工作效率。- 个人倾向于 免费(最好开源)、易于安装(如 浏览器插件),`es-client` ... vscode、IDEA 插件版本,还有 windows安装包- 支持保存 多个集群连接信息,重启浏览器重新连接 也不用输入 用户名、密码,更方便了- 主要分为:概览、数据浏览、基础搜索、高级搜索、设置,以及右上角的 信息- 概览...

特惠活动

热门爆款云服务器

100%性能独享,更高内存性能更佳,学习测试、web前端、企业应用首选,每日花费低至0.55元
60.00/1212.00/年
立即购买

域名注册服务

cn/top/com等热门域名,首年低至1元,邮箱建站必选
1.00/首年起32.00/首年起
立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗,加速分发更实惠
2.00/20.00/年
立即购买

针对HTML自动闭合标签的反感行为,VSCode扩展可以进行修复。 -优选内容

技术资讯:VSCode大更新,这两个. 功能终于有了
自动更新的扩展。- 源代码控制传入和传出视图 - 轻松查看待处理的存储库更改。- JavaScript 堆快照 - 可视化堆快照,包括内存对象图。- TypeScript 从嵌入提示转到定义 - 从嵌入提示悬停跳转到定义。- Python 类型层次结构显示 - 快速查看和导航复杂的类型关系。- GitHub Copilot 更新 - 内联聊天改进、Rust 代码解释。- 预览:扩展的粘性滚动支持 - 在树视图和终端中粘性滚动。## 2. 资讯详述VSCode此次版本...
关于一名资深Java程序员在移动端的进阶之路|社区征文
页面就是 Html ,还有移动端 H5 开发。有了这些基础之后,当时,我们正好要做一个移动端 H5 的一套页面,而且时间也比较紧急,我就被安排跟我们一个前端大佬,一起做页面。跟着她,让我认识到了 *HbuilderX* 这个开发工具。 之前我用的是 VsCode 写页面,这也算是发现新大陆了。主要对于我这种不专业的前端开发人员来说,是一个非常不错的开发神器了。它的特点就是:**入门超级简单**。### 微信小程序开发这里我不得不说这个开发工具真...
从重构到扩展——跨端通讯SDK
在主流的VScode + TS大环境下,引入一个没有任何类型定义的JS文件、靠AnyScript + 类型断言才能不报红的开发体验是糟糕的,即使加上了d.ts定义也只能兼顾在当前的项目类型提示完善。3. 有调试SDK的需求时,看着一坨编... (双端与H5的双向通讯都要进行验证),也不一定敢在另一个项目中直接引用。4. 由于通信方式限制,SDK的方法需要暴露在全局变量上,原版SDK并没有暴露修改内部行为的方法,除了修改SDK本身之外,想扩展/修改方法只能依赖重...
简单好用的ElasticSearch可视化工具:es-client和Head
## 一、前言- 使用 ElasticSearch(简称 es) 的过程中,经常有一些临时查询(如 排查问题、验证效果),一个趁手的可视化工具 可以提高工作效率。- 个人倾向于 免费(最好开源)、易于安装(如 浏览器插件),`es-client` ... vscode、IDEA 插件版本,还有 windows安装包- 支持保存 多个集群连接信息,重启浏览器重新连接 也不用输入 用户名、密码,更方便了- 主要分为:概览、数据浏览、基础搜索、高级搜索、设置,以及右上角的 信息- 概览...

针对HTML自动闭合标签的反感行为,VSCode扩展可以进行修复。 -相关内容

特惠活动

热门爆款云服务器

100%性能独享,更高内存性能更佳,学习测试、web前端、企业应用首选,每日花费低至0.55元
60.00/1212.00/年
立即购买

域名注册服务

cn/top/com等热门域名,首年低至1元,邮箱建站必选
1.00/首年起32.00/首年起
立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗,加速分发更实惠
2.00/20.00/年
立即购买

产品体验

体验中心

云服务器特惠

云服务器
云服务器ECS新人特惠
立即抢购

白皮书

一图详解大模型
浓缩大模型架构,厘清生产和应用链路关系
立即获取

最新活动

爆款1核2G共享型服务器

首年60元,每月仅需5元,限量秒杀
立即抢购

火山引擎增长体验专区

丰富能力激励企业快速增长
查看详情

数据智能VeDI

易用的高性能大数据产品家族
了解详情

一键开启云上增长新空间

立即咨询