如何在Visual Studio Code中从WDIO的Cucumber feature文件跳转至step definition文件

• 第一步：确认项目目录结构，提前明确step definition文件的存放路径，WDIO项目默认一般放在features/step-definitions/、test/steps/、e2e/steps/三类路径下，你可以根据自己项目实际情况调整。
• 第二步：打开VS Code配置文件，按Ctrl+Shift+P（Mac系统按Cmd+Shift+P），搜索并选择Preferences: Open Settings (JSON)，将以下配置添加到JSON文件中：

{
  // 配置step definition文件的匹配路径，可新增/修改为你项目的实际路径
  "cucumberautocomplete.steps": [
    "features/step-definitions/**/*.js",
    "features/step-definitions/**/*.ts"
  ],
  // 配置feature文件的匹配路径
  "cucumberautocomplete.syncfeatures": "features/**/*.feature",
  // 适配WDIO框架的step定义语法
  "cucumberautocomplete.gherkinDefinitionPart": "(Given|When|Then|And|But)\\([`'\"](.*?)[`'\"]\\s*,",
  // 适配Cucumber内置参数占位符
  "cucumberautocomplete.customParameters": [
    {"parameter":"{string}", "value":".*"},
    {"parameter":"{int}", "value":"\\d+"},
    {"parameter":"{float}", "value":"\\d+\\.\\d+"},
    {"parameter":"{word}", "value":"\\w+"}
  ]
}

• 第三步：禁用冲突插件，你安装的cucumber-gotostep v0.0.4和Cucumber (Gherkin) Full Support的跳转能力存在冲突，直接禁用cucumber-gotostep即可，前者已经内置了完整的跳转功能不需要额外插件支持。
• 第四步：重启VS Code验证功能，打开任意.feature文件，按住Ctrl（Mac系统按住Cmd），鼠标悬停在你要跳转的Gherkin语句上，语句会出现下划线，点击即可直接跳转到对应的step definition文件的对应行。

• 所有step都无法跳转：优先检查cucumberautocomplete.steps配置的路径是否和你项目实际的step存放路径、文件后缀完全匹配，通配符**代表匹配所有层级子目录，不要写错路径层级。
• 部分step无法跳转：检查无法跳转的step是否用了自定义参数占位符，可以把自定义占位符添加到cucumberautocomplete.customParameters配置中即可。
• 配置后仍不生效：删除项目根目录下的.vscode文件夹，重新配置settings.json后再重启VS Code即可。

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