如何配置VS Code使其始终优先推荐redux-saga的call函数？

可以通过以下几种方式配置VS Code，让redux-saga的call函数始终排在导入建议的首位：

1. 调整TypeScript导入优先级 #

在VS Code的settings.json中添加配置，指定redux-saga/effects模块的导入优先级高于其他依赖：

{
  "typescript.preferences.importPriority": ["redux-saga/effects"]
}

这个配置会让TypeScript服务优先推荐来自redux-saga/effects的导出成员，包括call函数。

2. 创建自定义代码片段 #

为call函数创建专属代码片段，输入call时优先触发快速导入：

1. 打开VS Code的用户代码片段面板（Ctrl+Shift+P → 选择"配置用户代码片段" → 选择当前项目的typescript.json或全局的typescript.json）
2. 添加以下代码片段：

{
  "Import redux-saga call": {
    "prefix": "call",
    "body": [
      "import { call } from 'redux-saga/effects';",
      "$0"
    ],
    "description": "快速导入redux-saga的call函数"
  }
}

之后输入call时，该代码片段会排在建议列表的最上方，直接回车即可完成导入。

3. 提前固定导入语句 #

如果项目中频繁使用redux-saga的call，可以提前在文件顶部写好导入语句：

import { call } from 'redux-saga/effects';

之后编写yield* call(...)时，VS Code会直接识别已导入的call，不会再弹出其他无关的导入建议。

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