利用Sublime正则表达式快速清洗并重构国际化Key

雨丽大大_5575

雨丽大大_5575

2026-08-30

897人浏览

原创

sublime text支持pcre正则,可跨行、用捕获组、条件替换,实现key格式转换;关键需锚定上下文(如t(后字符串)、分步提取与重组、用负向断言排除动态拼接,并通过find all预演确保安全。

利用sublime正则表达式快速清洗并重构国际化key

为什么 find 和 replace 里写对正则就能批量改 key?

因为 Sublime Text 的查找替换引擎支持 PCRE 风格正则,且能跨行、带捕获组、支持条件替换——国际化 key 清洗本质就是「识别旧格式 → 提取语义片段 → 按新规则拼接」,这恰好是正则最擅长的模式转换。

常见错误是直接用模糊匹配(比如 .*error.*)替换,结果误伤字符串值或注释;真正安全的做法是锚定上下文,比如只匹配 t( 或 gettext( 后面紧跟的字符串字面量。

  • 确保启用 Regular Expression 模式(Alt+R / ⌘+R)
  • 勾选 Match Case 避免把 Button 和 button 混为一谈
  • 用 G 或 ^ + 行首缩进控制作用范围,防止跨函数污染

如何从 t('user.login.submit') 提取并转成 user_login_submit?

关键在分两步:先用查找定位原始 key 字符串,再用替换按规则重组。不能一步到位,否则无法处理引号类型不一致(' / " / `)或内部含转义的问题。

查找正则:

ts*(s*(['"`])((?:[^\]|\.)*?)s*)
解释:['"`] 匹配任意引号类型,(?:[^\]|\.)*? 非贪婪匹配内容(支持 ' 这类转义), 确保前后引号一致。

替换为:

t('$2'.replace(/./g, '_'))
⚠️ 注意:这不是 JS 执行,只是文本替换。所以实际填的是:
t('$2')
→ 先提取原始值,再另开一次替换把 . 换成 _。
  • 第一次替换目标设为 $2,得到纯 key 字符串(如 user.login.submit)
  • 第二次对新插入的 key 执行 Find: . → Replace: _,即可批量转下划线
  • 若需保留大小写(如 userLoginSubmit),得用更复杂的正则,但 Sublime 不支持回调函数,建议导出后用脚本处理

遇到嵌套引号或模板字符串怎么避免炸掉?

比如 t(`user.${role}.delete`) 或 t("error: " + msg),这类不是静态 key,硬套正则会错提、截断甚至删掉变量部分。

HuggingFace
HuggingFace

HuggingFace是一款AI学习资源工具,AI模型开发社区。

下载

稳妥做法是加前置断言,排除含 $、+、+、concat、join 的行:

^(?!.*(?:$|+|concat|join)).*ts*(s*(['"`])((?:[^\]|\.)*?)s*)

这个正则开头的 ^(?!.*...) 是负向先行断言,能跳过明显动态拼接的行。

  • 测试时先用 Find All(Ctrl+Shift+G / ⌘+Shift+G)看命中的是否全是静态字符串
  • 如果项目混用 i18n.t()、useTranslation、Trans 组件,得分别写三套正则,不能指望一个通吃
  • Sublime 对超长行(>10k 字符)的正则性能会骤降,建议先折叠无关代码块再操作

重构后 key 重复或缺失怎么快速验?

正则不会帮你查重,它只负责改文本。改完必须立刻验证:key 是否真实存在对应翻译项、有没有因大小写/下划线差异导致漏匹配。

推荐两个轻量手段:

  • 用 Sublime 的 Find in Files(Ctrl+Shift+F / ⌘+Shift+F)搜新 key 格式,确认所有源码已更新,没残留旧 key
  • 把所有新 key 复制进翻译文件目录,用命令行跑 grep -oE '[a-z_]+.[a-z_]+' zh.json | sort | uniq -d 快速揪出重复定义
  • 如果项目用 eslint-plugin-i18n,改完立即 npm run lint,它会报出未声明的 key —— 这比肉眼扫快得多

最容易被忽略的是组件内联 key 属性(如 <button i18nkey="common.cancel"></button>),这类不在 t() 调用里,得单独写正则扫 i18nKey= 或 data-i18n=。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

2023.06.20

4156

8

正则表达式不包含
正则表达式不包含

正则表达式,又称规则表达式,,是一种文本模式,包括普通字符和特殊字符,是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串,通常被用来检索、替换那些符合某个模式的文本。php中文网给大家带来了有关正则表达式的相关教程以及文章,希望对大家能有所帮助。

2023.07.05

2681

4

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

2023.07.05

7362

9

java正则表达式匹配字符串
java正则表达式匹配字符串

在Java中,我们可以使用正则表达式来匹配字符串。本专题为大家带来java正则表达式匹配字符串的相关内容,帮助大家解决问题。

2023.08.11

792

5

正则表达式空格
正则表达式空格

正则表达式空格可以用“\s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。本专题为大家提供正则表达式相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.31

500

5

Python爬虫获取数据的方法
Python爬虫获取数据的方法

Python爬虫可以通过请求库发送HTTP请求、解析库解析HTML、正则表达式提取数据,或使用数据抓取框架来获取数据。更多关于Python爬虫相关知识。详情阅读本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.13

673

12

正则表达式空格如何表示
正则表达式空格如何表示

正则表达式空格可以用“\s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。想了解更多正则表达式空格怎么表示的内容,可以访问下面的文章。

2023.11.17

386

3

正则表达式中如何匹配数字
正则表达式中如何匹配数字

正则表达式中可以通过匹配单个数字、匹配多个数字、匹配固定长度的数字、匹配整数和小数、匹配负数和匹配科学计数法表示的数字的方法匹配数字。更多关于正则表达式的相关知识详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.12.06

719

7

php正则表达式有哪些
php正则表达式有哪些

php正则表达式有"/pattern/"、"^"、"$"、"."、"[]"、"[^]"、"[a-z]"、"[A-Z]"、"[0-9]"、"\d"、"\D"、"\w"、"\W"、&a

2024.02.23

312

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程