Visual Studio 2022中Vue.js项目：F5时Build命令未执行

检查项目类型与构建配置关联 #

• 确认你的项目是JavaScript/TypeScript项目（而非普通.NET项目），VS2022对前端项目的构建触发逻辑和.NET项目存在差异。如果是通过官方Vue模板创建的项目，基础配置没问题；如果是手动添加到现有.NET项目的前端代码，需要单独配置前端构建钩子。

配置launch.json预启动任务 #

通过给调试配置添加预启动任务，强制VS在F5前执行构建：

1. 在项目根目录的.vscode文件夹下创建或编辑tasks.json，定义构建任务：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "npm: build",
      "type": "npm",
      "script": "build",
      "group": {
        "kind": "build",
        "isDefault": true
      },
      "problemMatcher": [],
      "detail": "执行npm run build构建Vue项目"
    }
  ]
}

2. 编辑.vscode/launch.json，在调试配置中添加preLaunchTask字段：

{
  "version": "0.2.0",
  "configurations": [
    {
      // 保留你现有的调试配置内容
      "preLaunchTask": "npm: build" // 关联刚才定义的构建任务
    }
  ]
}

设置完成后，每次按F5启动调试时，VS会自动先执行npm run build。

核对项目属性中的构建设置 #

• 右键项目→选择「属性」，进入「生成」选项卡：
  • 确认package.json等核心文件的「生成操作」未被设置为「排除」或「无」，确保VS能识别到npm脚本配置。
  • 检查「在生成前运行」的钩子选项，确认已正确关联npm run build，自定义服务器后该配置可能被重置，需重新选择。

清理VS缓存重置状态 #

VS的缓存可能导致构建命令不触发，尝试以下操作：

• 关闭VS，删除项目根目录下的.vs隐藏文件夹。
• 删除node_modules和dist文件夹，重新执行npm install，之后再测试F5启动。

确认调试配置的触发模式 #

检查launch.json中的request字段：

• 如果是attach类型，VS不会自动触发构建，需切换为launch模式，或手动绑定预启动任务；如果是launch类型，确保没有添加跳过预启动任务的配置项。

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