VS Code中如何覆盖默认代码片段前缀？以"ael"替代alert为例

我明白你的困扰——明明alert的前缀应该是"ale"，但输入"ael"时VS Code却优先弹出alert的补全，导致自定义的事件监听器片段没法触发。下面是两种可靠的解决方法：

方法1：提升自定义片段的优先级（推荐） #

VS Code的补全候选有优先级排序，默认情况下内置的单词补全（比如alert）可能会压过你的自定义片段。我们可以通过两步操作让你的"ael"片段优先显示：

第一步：给片段添加明确的作用域 #

打开你的JavaScript用户代码片段文件（通过Ctrl+Shift+P输入Configure User Snippets，选择javascript.json），修改你的片段代码，加上scope字段，明确它只在JS/TS文件中生效：

"Add an Event Listener": {
  "prefix": "ael",
  "body": [
    "addEventListener(\"$1\", function(){",
    "\t$2",
    "}, false);"
  ],
  "description": "Add an Event Listener",
  "scope": "javascript,typescript"
}

第二步：调整VS Code的补全优先级设置 #

打开设置面板（Ctrl+,），搜索editor.snippetSuggestions，把它的值改成"top"。这个设置会让所有自定义代码片段的补全候选排在最前面，压过普通的单词补全。

做完这两步后，再打开JS文件输入"ael"，你的事件监听器片段应该会第一个弹出来，按Tab就能直接触发。

方法2：禁用模糊匹配的单词补全（可选） #

如果你不想看到任何基于单词的模糊补全（比如alert这类），可以在设置里搜索editor.wordBasedSuggestions，把它设为false。不过这个方法会禁用所有单词类的补全，可能影响其他场景的使用，所以更推荐第一种方法。

为什么"ttt"能正常工作？因为没有任何内置的补全候选会和"ttt"触发模糊匹配，所以你的自定义片段直接就成了唯一候选，自然能正常触发。

内容的提问来源于stack exchange，提问作者pjk_ok