转换完成提醒在哪？一文搞懂开发工具中的通知设置

做开发的时候，经常要处理文件转换、代码编译或者格式迁移。比如把 TypeScript 编译成 JavaScript，或者把 Markdown 转成 HTML。这时候最怕的就是点了转换之后就干等着，也不知道到底完没完。很多人问：转换完成提醒在哪？其实这玩意儿不是没有，只是藏得有点深。

不同工具的提醒位置不一样

拿 Webpack 来说，默认情况下它会在终端里输出构建完成的日志。你看到 Compiled successfully 这种提示，就是完成了。但如果你在用 GUI 工具，比如 VS Code 里的任务运行器，就得去看“输出”面板或者“问题”面板。有时候右下角会弹个小通知，但默认可能是关闭的。

在 VS Code 里，想让转换完成后弹提醒，可以改 .vscode/settings.json：

{
  "terminal.integrated.enableBell": true,
  "notifications.alerts": true
}

再配合一个执行完命令就响铃的脚本，比如：

npx tsc && echo -e '\a'

这样 TypeScript 编译一结束，系统就会“滴”一声，耳朵比眼睛更早知道结果。

自动化工具里的提示更隐蔽

如果你用的是 Gulp 或者 Grunt，可以在任务末尾加一段提醒逻辑。比如 Gulp 中这么写：

const notify = require('gulp-notify');

gulp.task('scripts', function() {
  return gulp.src('src/js/*.js')
    .pipe(uglify())
    .pipe(gulp.dest('dist/js'))
    .pipe(notify('JS 处理完成！'));
});

这样每次压缩完 JS，系统右上角就会蹦出个提示框，像 macOS 的通知中心那样，不用切窗口也能看见。

浏览器插件也有提醒功能

有些前端开发者用在线工具做 JSON 转 TypeScript，比如在 JSON to TS 这类网站上粘贴数据。这类网站通常会在转换完成后，在页面中间显眼位置显示结果，有的还会自动复制到剪贴板。注意看按钮文字变化——从“转换中…”变成“已完成”，其实就是提醒的一种。

如果网站支持桌面通知，记得允许浏览器发送通知。Chrome 右上角那个小铃铛图标点开就能设置。一旦开启，就算你切到别的标签页，也能收到“转换完成”的弹窗。

别忘了命令行的小技巧

在 Mac 或 Linux 上，可以直接用 say 命令让电脑说话。比如：

npx babel src --out-dir lib && say "Conversion finished"

执行完 Babel 转码，Mac 就会用语音告诉你“Conversion finished”。虽然听起来有点 geek，但真好用，尤其是你一边写文档一边等结果的时候。

Windows 用户可以用 PowerShell 实现类似效果：

node convert.js; Add-Type -AssemblyName System.Speech; $speak = New-Object System.Speech.Synthesis.SpeechSynthesizer; $speak.Speak("转换完成")

这种办法适合长时间运行的转换任务，不用死盯着进度条。