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

Question

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

这是我的片段：

" "Provide the Vue instance an existing DOM element to mount on (Vue.js snippet)": {
    "prefix": "el",
    "body": ["el: "],
    "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: "],
    "description": "The data object for the Vue instance (Vue.js snippet)"
}

结果：

Answer 1

由于您使用的是制表位 </code> 您可以使用 <kbd>Tab</kbd> 键失去突出显示 - <kbd>Tab</kbd> 移动到下一个制表位。</p> <p>但是您根本不需要显示的制表位或最后一个光标制表位 <code>[=12=] 有效。所以要么

"body": ["data: "],    // or
"body": ["data: [=10=]"],  

或 Tab 输入您的文字后。

（此处相同）不会突出显示您在触发代码段后输入的粘贴或键入的文本。