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

Posted 2023-02-19

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

【英文标题】：How to change default auto selected user snippets behavior in Vs Code

【发布时间】：2021-04-02 06:23:17

【问题描述】：

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

这是我的sn-p：

" "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】：

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

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

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

或 Tab 输入文本后。

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