WebdriverIO - VS Code 智能提示

完成 Visual Studio Code 的安装后，我们应该在编辑器中添加智能提示，以便在我们开始编写 WebdriverIO 命令时，显示 WebdriverIO 方法的自动建议。

有关如何进行 VS Code 安装的详细信息，在标题为“VS Code 安装”的章节中进行了详细讨论。

这是一个非常重要的功能，应该添加它，以便最终用户无需记忆 WebdriverIO 的原始代码。

在 VS Code 中添加智能提示

在 VS Code 中为 WebdriverIO 添加智能提示的步骤如下：

步骤 1 - 点击 WebdriverIO 项目右侧出现的“新建文件”按钮。

您的计算机上将出现以下屏幕：

步骤 2 - 将文件名输入为 jsconfig.json。在这里，我们必须指定实现测试的规范文件的路径。

如果我们想将智能提示功能应用于测试文件夹中的所有规范文件，我们可以将相对路径指定为 test/spec/*.js。

您的计算机上将出现以下屏幕：

步骤 3 - 在文件中添加以下代码。

{
   "include": [
      //relative path of all spec files
      "test/specs/*.js",
      "**/*.json",
      "node_modules/@wdio/sync",
      "node_modules/@wdio/mocha-framework"
   ]
}

步骤 4 - 在规范文件中，开始编写 WebdriverIO 对象或方法，我们将获得完整的自动建议。

您的计算机上将出现以下屏幕：