如何在 VS Code 上获得 WebdriverIO 自动完成功能

Posted 2023-02-16

【中文标题】如何在 VS Code 上获得 WebdriverIO 自动完成功能

【英文标题】：How do I get WebdriverIO autocomplete on VS Code

【发布时间】：2018-05-10 04:06:34

【问题描述】：

有没有办法在 VS Code for webdriverio 上自动完成？

诸如 Intellij 之类的其他代码编辑器提供了诸如设置 -> 首选项 -> 语言和框架 -> javascript -> 库之类的功能 从那里我们可以添加一个带有 webdriverio 命令的目录

我怎样才能用 VS Code 做类似的事情？

【参考方案1】：

我的理解是，vscode 是用typescript 构建的，默认情况下它不支持用javascript 构建的包上的 autoComplete(Intellisense)。所以所有的 js 包创建者都会提供一个@types 文件。这些@types文件帮助vscode找到所有的函数定义、对象属性。等等，等等，你的 JS 包并显示为建议。如果这里是webdriverio 包。

因此，添加与您的 JS 包相关的 @types 依赖项将主要解决问题。 即，

npm install @types/webdriverio --save-dev

添加包后，我开始获取浏览器对象建议。

以上所有方法都适用于v4 WDIO 版本。

如果您使用的是v5版本：那么根据他们的官方documentation我们需要在根目录上创建一个jsconfig.json文件。

【参考方案2】：

以上答案效果很好：

您需要安装以下依赖项：

if you are using webdriverio v4 (for cucumber BDD ) use below 
npm install @types/webdriverio@4 --save-dev

or use :
npm install @types/webdriverio --save-dev

VSCode Intellisense

【参考方案3】：

webdriverio 不建议使用 @types/webdriverio，现在已弃用： npm WARN 已弃用 @types/webdriverio@5.0.0：这是一个存根类型定义。 webdriverio 提供了自己的类型定义，因此您不需要安装它。

我建议遵循 WebDriverIO here 的官方文档：