vscode 中自定义task的方法

在 VS Code 中，你可以通过自定义任务（Tasks）来完成点击按钮直接进入某个文件夹并执行 npm 命令的功能。VS Code 提供了一种基于 JSON 配置的 tasks.json 文件，你可以定义自定义任务来自动化各种操作，包括执行脚本、命令等。

实现步骤：

1. 创建 tasks.json 文件：
   打开 VS Code，然后执行以下步骤：

   • 打开命令面板（Ctrl+Shift+P 或 Cmd+Shift+P）。
   • 输入并选择 Tasks: Configure Task。
   • 选择 Create tasks.json from template，然后选择 Others。

2. 配置任务：
   在生成的 tasks.json 文件中，定义一个任务，进入到指定文件夹并执行 npm 命令。

   示例 tasks.json 配置如下：

   {
     "version": "2.0.0",
     "tasks": [
       {
         "label": "Run npm command in specific folder", // 任务名称
         "type": "shell",
         "command": "npm run start", // 要执行的 npm 命令（例如 npm start 或 npm install）
         "options": {
           "cwd": "${workspaceFolder}/path/to/folder" // 指定的文件夹路径
         },
         "problemMatcher": [],
         "group": {
           "kind": "build",
           "isDefault": true
         }
       }
     ]
   }

   • label：任务的名称，在 VS Code 任务列表中显示。
   • command：你想执行的 npm 命令，例如 npm install、npm start 等。
   • cwd：options.cwd 用来指定在哪个目录下执行命令。${workspaceFolder} 是当前项目的根目录，可以加上子目录路径。
   • problemMatcher：可以暂时留空，不需要特别配置。

3. 运行任务：

   • 打开命令面板（Ctrl+Shift+P 或 Cmd+Shift+P），然后输入并选择 Tasks: Run Task。
   • 选择你定义的任务（如 "Run npm command in specific folder"），然后 VS Code 会在指定目录下执行 npm 命令。

4. 创建快捷键（可选）：
   如果你希望通过快捷键快速运行该任务，可以在 keybindings.json 中为该任务分配快捷键。

   例如，你可以这样配置：

   • 打开命令面板，输入并选择 **Preferences: Open Keyboard Shortcuts (JSON)**。
   • 在 keybindings.json 中添加如下配置：

   {
     "key": "ctrl+shift+r", // 定义快捷键
     "command": "workbench.action.tasks.runTask",
     "args": "Run npm command in specific folder" // 任务的 label
   }

这样，你可以通过自定义任务或快捷键来快速进入某个文件夹并执行 npm 命令。