怎么配置Tasks

這篇文章主要介紹“怎么配置Tasks”，在日常操作中，相信很多人在怎么配置Tasks問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”怎么配置Tasks”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

配置Tasks

假設(shè)你要為特定的測試文件運行單元測試，你的測試命令可能如下所示：

npm test 'my-component.js' --auto-watch --no-single-run

我通常的工作流程如下。我想在watch模式下運行我正在進行的單元測試。通常情況下，你需要在測試命令中插入文件名，但VSCode可以幫你完成。為了實現(xiàn)這個目標(biāo)，我們可以使用一些為我們提供的替換變量。例如：${fileBasename}?？捎米兞康耐暾斜砜梢栽谶@里的官方文檔中找到。

現(xiàn)在，再次打開命令面板，選擇“任務(wù)：運行任務(wù)”，然后選擇“沒有配置的任務(wù)。配置任務(wù)...”，然后選擇要配置的任務(wù)。這將在項目中創(chuàng)建并打開一個新文件：.vscode/tasks.json。你可以將此文件添加到 .gitignore 或進行提交，因此你的團隊也可以使用這些任務(wù)。

添加替換變量后，配置應(yīng)如下所示：

{
  "version": "2.0.0",
    "tasks": [
      {
        "type": "npm",
        "script": "test ${fileBasename} --auto-watch --no-single-run",
        "problemMatcher": [],
        "label": "npm: test opened file",
        "detail": "npm test"
      }
    ]
}

然后，就這樣，你的自定義任務(wù)就可以在命令面板中運行了。你的自定義任務(wù)現(xiàn)在就在你可以從Command Palette中運行的列表中。現(xiàn)在打開你要運行的測試文件，例如：my-component-test.js。運行 Cmd + Shift + P-> "Tasks: 運行任務(wù)"，你應(yīng)該會看到新配置的任務(wù)："npm: test opened file"。選擇它，它應(yīng)該在終端中運行 npm test my-component-test.js --auto-watch --no-single-run。你還可以自定義腳本結(jié)果的顯示方式。我想為這種類型的命令打開一個新的終端。為此，你只需要提供一個額外的 "演示 "配置即可。

{
  ...
  "presentation": {
    "panel": "dedicated",
  }
}

現(xiàn)在，你可以看到打開了多個終端窗口，可以在它們之間進行切換。

配置Shell Tasks

如果要執(zhí)行其他Shell命令，VSCode也支持?，F(xiàn)在，我們可以使用 shell 而不是使用 npm 類型。例如。

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Run Cypress",
      "type": "shell",
      "command": "cd tests/e2e/cypress/ && npm run cypress",
    }
}

到此，關(guān)于“怎么配置Tasks”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>