vscode html代码生成、!+tab键不能自动生成了?

今天写了一个测试文件,按照以往的 !+tab想自动生成模板,竟然没出来?
老夫多年的经验出了问题?

多方查证发现是vscode更新后将快捷键改了!!

将原来的快捷键改成了html:5  

选中回车就可以生成原来的模板了!

表示此次更新为开发者带来了很大的不便o(╥﹏╥)o

### 配置 VSCode 使用 Tab 自动生成代码片段 为了使 VSCode 能够通过 `fori` 这样的缩写并按 Tab 来自动完成特定的循环结构或其他常用代码模式,可以创建或安装预定义的代码片段。 #### 安装扩展程序 一种方法是安装社区贡献者提供的现成扩展。这些扩展通常包含了多种编程语言常用的代码片段。对于 JavaScript 或 TypeScript 文件,可以通过 Extensions Marketplace 寻找合适的插件[^1]。 另一种方式是在本地设置自定义代码片段: #### 创建自定义代码片段 1. 打开命令面板 (`Ctrl+Shift+P`) 并输入 "Configure User Snippets"。 2. 选择要为其创建片段的语言环境(例如 JavaScript 或 TypeScript),这会打开一个 JSON 文件用于编辑个人化的代码片段集合。 3. 添加新的条目到此文件中,指定触发词(如 `"fori"`)、描述以及模板内容。下面是一个简单的例子展示如何为 `fori` 设置一个基本的 for 循环模板: ```json { "Print to console": { "prefix": "log", "body": [ "console.log('$1');", "$2" ], "description": "Log output to console" }, "For Loop Iterator": { "prefix": "fori", "body": [ "for (let i = 0; i < ${1:array}.length; i++) {", "\tconst element${2:i} = ${1:array}[i];", "\t$0", "}" ], "description": "Create a for loop iterator over an array." } } ``` 上述配置使得当用户在支持该功能的文档内入 `fori` 后按下 Tab 时,将会展开成为一个完整的迭代器循环体。 此外,在某些情况下可能还需要调整盘快捷方式以确保 Tab 功能正常运作于代码补全上;可通过访问 Keyboard Shortcuts 页面来进行必要的修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

liuwenjie_

感谢打赏,问题留言~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值