如何通过批处理让VS Code打开项目后自动运行npm run dev？

方法一：通过VS Code任务自动执行 #

你找到的VS Code任务自动化文档完全能解决这个问题，具体操作如下：

1. 给每个项目配置自动任务 #

在每个项目的.vscode文件夹里（没有就新建这个文件夹）创建tasks.json文件，复制以下内容：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "启动开发服务器",
      "type": "shell",
      "command": "npm run dev",
      "options": {
        "cwd": "${workspaceFolder}"
      },
      "runOptions": {
        "runOn": "folderOpen"
      },
      "problemMatcher": []
    }
  ]
}

这个配置的核心是runOn: "folderOpen"，它会在VS Code打开该项目文件夹时，自动在集成终端执行npm run dev。

2. 修复你的批处理脚本 #

原脚本里的| exit /b会导致循环只执行一次（打开第一个项目就退出了），删掉它即可：

@echo off
for %%p in (C:\Users\Ludvig\Documents\Programming\nextjs-project C:\Users\Ludvig\Documents\Programming\strapi-project) do code -n %%p

现在运行这个脚本，两个VS Code窗口打开后，各自的开发服务器会自动启动。

方法二：用命令行直接触发任务（可选） #

如果不想每个项目单独配置tasks.json，可以用VS Code的--command参数直接调用任务，但前提是你先定义好全局任务或者项目任务。不过相比之下，方法一更直观且不需要额外的命令行参数，推荐优先使用。

额外注意事项 #

• 确保code命令已经加入系统环境变量，否则批处理里的code会无法识别。
• 如果任务没自动运行，检查VS Code的tasks.autoDetect设置是否开启，或者确认tasks.json里的runOn配置正确。
• 要是不想终端窗口自动获取焦点，可以在tasks.json的任务里添加presentation配置：

"presentation": {
  "echo": false,
  "reveal": "never",
  "focus": false,
  "panel": "shared"
}

内容的提问来源于stack exchange，提问作者Luddebror