这篇文章主要介绍“怎么配置Tasks”，在日常操作中，相信很多人在怎么配置Tasks问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么配置Tasks”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
配置Tasks
假设你要为特定的测试文件运行单元测试，你的测试命令可能如下所示：
npm test 'my-component.js' --auto-watch --no-single-run我通常的工作流程如下。我想在watch模式下运行我正在进行的单元测试。通常情况下，你需要在测试命令中插入文件名，但VSCode可以帮你完成。为了实现这个目标，我们可以使用一些为我们提供的替换变量。例如：${fileBasename}。可用变量的完整列表可以在这里的官方文档中找到。
现在，再次打开命令面板，选择“任务：运行任务”，然后选择“没有配置的任务。配置任务...”，然后选择要配置的任务。这将在项目中创建并打开一个新文件：.vscode/tasks.json。你可以将此文件添加到 .gitignore 或进行提交，因此你的团队也可以使用这些任务。
添加替换变量后，配置应如下所示：
{ "version": "2.0.0", "tasks": [ { "type": "npm", "script": "test ${fileBasename} --auto-watch --no-single-run", "problemMatcher": [], "label": "npm: test opened file", "detail": "npm test" } ]}然后，就这样，你的自定义任务就可以在命令面板中运行了。你的自定义任务现在就在你可以从Command Palette中运行的列表中。现在打开你要运行的测试文件，例如：my-component-test.js。运行 Cmd + Shift + P-> "Tasks: 运行任务"，你应该会看到新配置的任务："npm: test opened file"。选择它，它应该在终端中运行 npm test my-component-test.js --auto-watch --no-single-run。你还可以自定义脚本结果的显示方式。我想为这种类型的命令打开一个新的终端。为此，你只需要提供一个额外的 "演示 "配置即可。
{ ... "presentation": { "panel": "dedicated", }}现在，你可以看到打开了多个终端窗口，可以在它们之间进行切换。
配置Shell Tasks
如果要执行其他Shell命令，VSCode也支持。现在，我们可以使用 shell 而不是使用 npm 类型。例如。
{ "version": "2.0.0", "tasks": [ { "label": "Run Cypress", "type": "shell", "command": "cd tests/e2e/cypress/ && npm run cypress", }}到此，关于“怎么配置Tasks”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！
