如何在 Vs Code 中更改默认自动选择的用户片段行为

问题描述

我的默认代码编辑器是 Vscode 但最近我在尝试为 Vue js 使用一些自定义（用户）代码片段时遇到了一些问题。我为我的项目编写了一些 Vuejs 自定义片段。虽然我在 Vue 实例中使用了一些属性，如 el、data、method 等。我看到卷曲块区域自动变得模糊或被选中（我不知道它到底叫什么）。而模糊线只保留键盘ESC键只能消除这种行为。这真的很烦人。在使用自定义用户片段时，如何在 Vscode 中阻止这种行为？

这是我的片段：

" "Provide the Vue instance an existing DOM element to mount on (Vue.js snippet)": {
    "prefix": "el","body": ["el: $1"],"description": "Provide the Vue instance an existing DOM element to mount on (Vue.js snippet)"
},"The data object for the Vue instance (Vue.js snippet)": {
    "prefix": "data","body": ["data: $1"],"description": "The data object for the Vue instance (Vue.js snippet)"
}

结果：

解决方法

由于您使用的是制表位 $1，您可以使用 Tab 键失去突出显示 - Tab 移至下一个制表位。

但是您根本不需要显示的制表位，或者最后一个光标制表位 $0 可以工作。所以要么

"body": ["data: "],// or
"body": ["data: $0"],

输入文本后

或Tab。

（这里是同样的事情）不会突出显示您在触发代码段后输入的粘贴或键入的文本。