我如何写一个VS Code任务来运行我的NPM脚本?

Question

我想在VS Code中添加一个任务，以便通过运行它，我将能够运行'npm run dev'命令。我应该给我的任务添加什么?json文件吗?目前是这样的:

{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks": [
{
"label": "build",
"type": "shell",
"command": "msbuild",
"args": [
"/property:GenerateFullPaths=true",
"/t:build",
"/consoleloggerparameters:NoSummary"
],
"group": "build",
"presentation": {
"reveal": "silent"
},
"problemMatcher": "$msCompile"
},
{
"type": "npm",
"script": "dev",
"path": "client",
"problemMatcher": [],
"label": "npm: dev - client",
"detail": "vite"
},
{
"type": "npm",
"script": "install",
"path": "client",
"group": "clean",
"problemMatcher": [],
"label": "npm: install - client",
"detail": "install dependencies from package"
}
]
}

Answer 1

在许多情况下，您甚至可能不需要为此手工编写任务。VS Code有一个名为"任务自动检测"的特性，它包括在包中自动为NPM脚本添加任务。json文件。

在命令面板中打开菜单选择使用Tasks: Run Task运行的任务，打开"npm"子菜单，然后从该子菜单中选择脚本。

如果你想调试你的脚本，而不是仅仅运行它，使用Debug: Debug npm script命令。