如何在VSCode中快速批量查找未翻译的静态文本并替换？

本文共计578个文字，预计阅读时间需要3分钟。

原文：

在将 i18next 集成到已有 React 项目时，一个常见痛点是：大量按钮文案、标题、提示语等仍以纯字符串形式硬编码在 JSX 中（例如 <Button>Save</Button> 或 <ContentWrapper title="Connection">），尚未包裹 t() 函数。手动逐个查找效率极低，且易遗漏。VSCode 内置的「查找与替换」支持强大正则引擎，可精准匹配这类模式，并实现一键标准化转换。

✅ 推荐正则方案（支持多行与空白容错）

在 VSCode 的「替换面板」（Ctrl+H / Cmd+H）中，*启用「正则表达式」模式（. 按钮）**，输入以下内容：

• 查找（Find）：

  (<Button[\s\S]*?>[\s\n]*)(\w+)([\s\n]*</Button>)

• 替换（Replace）：

  $1{t('$2')}$3

⚠️ 注意事项与进阶建议

• 谨慎处理非 Button 场景：上述正则专为 <Button>Text</Button> 设计。