Vue CLI 3项目本身并没有提供直接在每次保存时自动执行`console.clear()`的选项。但是，你可以通过以下两种方式进行自定义： 1. **使用webpack插件**：编写一个简单的webpack插件，在每次热更新（HMR）前清空控制台。这是一个基本示例： ```javascript class ConsoleClearPlugin { apply(compiler) { compiler.hooks.emit.tap('ConsoleClearPlugin', () => { console.clear(); }); } } // 在vue.config.js中添加插件 module.exports = { configureWebpack: { plugins: [ new ConsoleClearPlugin() ] } } ``` 2. **监听文件变化并手动清除**：在你的主入口文件（如`main.js`）中，使用`chokidar`库来监听源代码文件的变化，并在文件改变时调用`console.clear()`。 ```javascript const chokidar = require('chokidar'); const path = require('path'); // 监听src目录下的所有文件 const watcher = chokidar.watch(path.resolve(__dirname, '../src'), { ignored: /(^|[\/\\])\../, // 忽略点开头的文件和目录 persistent: true }); watcher.on('change', (path) => { console.clear(); }); ``` 请注意，这两种方法可能并不完全符合你的需求，因为`console.clear()`将在每次编译或文件更改时运行，而不是仅在模块热替换时运行。对于HMR期间更精确的控制台清理，你可能需要深入研究webpack的HMR机制或寻找已存在的相关插件。