VS Code自动与手动触发代码补全结果不同的原因及解决方法

VS Code的自动补全和手动触发补全的触发逻辑存在差异：

• 输入引号时触发的自动补全属于触发字符触发，编辑器会优先匹配与当前输入上下文高度相关的补全项（比如引号的配对补全），此时扩展的代码片段不会抢占优先级。
• 手动触发补全（比如按Ctrl+Space）属于全局触发，会拉取所有可用的补全源，包括vscode-react-javascript-snippets扩展提供的代码片段。而该扩展的片段默认优先级较高，所以会排在原生补全选项的前面。

1. 调整代码片段的补全优先级 #

打开VS Code设置（快捷键Ctrl+,），搜索editor.snippetSuggestions，将其值改为bottom。这样所有扩展提供的代码片段都会排在原生补全选项的后面。
也可以直接在settings.json中添加配置：

"editor.snippetSuggestions": "bottom"

2. 禁用特定扩展的补全（按需选择） #

如果不需要vscode-react-javascript-snippets扩展的所有代码片段，直接在扩展面板找到该扩展，右键选择「禁用」即可，手动触发补全时就不会再出现它的片段。

3. 自定义补全过滤规则 #

如果只想过滤该扩展的部分片段，可以通过editor.suggest.filteredTypes配置细化规则，但一般调整优先级的方法已经足够解决问题。

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