是否可在VS Code保存时自动重载Dev Tools控制台

完全可以实现，以下是不同场景下的可落地方法：

方案1：搭配热重载工具+DevTools原生配置（无代码侵入） #

• 先配置Chrome/Edge DevTools：打开DevTools后点击右上角齿轮图标进入设置，在控制台分类下勾选「导航时清空控制台」即可。
• VS Code侧根据你的项目类型配置热重载工具：
  • 前端静态项目：安装Live Server插件，开启后保存代码会自动触发页面刷新，DevTools会自动清空旧日志。
  • Node/后端项目：安装nodemon依赖，配置启动命令为nodemon 你的入口文件路径，保存代码会自动重启服务，控制台会清空旧日志输出新内容。

方案2：代码层面配置（跨环境通用，无需修改DevTools设置） #

直接在项目入口文件最顶部添加清空控制台代码，每次代码执行时先清空历史日志再输出本次内容：

// 仅开发环境生效，不影响生产环境
if (process.env.NODE_ENV === 'development') {
  console.clear()
}

方案3：无刷新热更场景适配（比如Vite/Webpack模块热替换） #

如果你的项目用了模块热替换，保存代码不会触发全页面刷新，可以给构建工具加钩子实现保存即清空：
以Vite为例，在vite.config.js中添加如下插件配置即可：

export default defineConfig({
  plugins: [
    {
      name: 'clear-console-on-hot-update',
      handleHotUpdate() {
        if (process.env.NODE_ENV === 'development') console.clear()
      }
    }
  ]
})

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