VSCode中设置HTML自动补全

1、文件→首选项→设置
在这里插入图片描述
2、搜索活动,下面的【文本编辑器】中的【建议】一项【取消选中】
在这里插入图片描述
3、取消搜索,文本编辑器→文件,添加以下4个键值对
在这里插入图片描述
window.zoomLevel:0
terminal.integrated.rendererType:“dom”
editor.suggest.snippetsPreventQuickSuggestions:false
files.associations:{ “*.vue”:“html” }

Visual Studio Code (VSCode) 的代码片段补全功能可以帮助您快速输入常用的代码片段,提高编码效率。以下是设置代码片段的步骤: 1. **创建代码片段**: - 打开 VSCode,按 `Ctrl + ,` (Windows/Linux) 或 `Cmd + ,` (Mac) 调出设置界面,选择 "User" 文件夹下的 "settings.json"(如果没有,需要新建)。 - 在 `"settings.json"` 添加一个名为 "snippets" 的键,其值是一个 JSON 对象数组,每个元素代表一个代码片段。 ```json { "snippets": [ { "prefix": "mysnippet", // 用于触发的前缀,比如 "html"、"jsfiddle" "body": [// 替换内容 "/* Your code snippet here */", ], "description": "My custom HTML snippet" } ] } ``` 2. **定义片段触发和替换**: - "prefix" 字段是你想要输入的触发短语(例如 "html")。 - "body" 数组包含你希望在触发后自动插入的代码行。 3. **启用快捷键**: - 另外,你还可以设置快捷键来方便地插入代码片段。打开 "keybindings.json"(同样在 "User" 文件夹),添加一个新的配置项,如: ```json { "key": "cmd+k cmd+c", // 或者自定义快捷键 "command": "editor.action.insertSnippet", "when": "editorTextFocus && vimMode == false" } ``` 这里设置了当编辑器获得焦点并且不是 Vim 模式下,按下快捷键会插入代码片段。 4. **保存并应用设置**: - 保存设置文件后,重启 VSCode 或者直接在当前工作区尝试输入触发短语看是否生效。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值