大多数代码库从一开始就没考虑过本地化。
连接仓库,globalize.now 就会找出所有硬编码字符串,并自动转换为结构化的 i18n 架构。你可以在应用中操作,也可以交给编码 Agent 来驱动。
支持 React、Next.js、Vue 及主流前端框架。
用 Cursor 或 Lovable 开发?查看AI 构建应用指南。
之前
<button>Submit order</button>之后
<button> {t("checkout.submit_order")} </button>locales/ en.json fr.json es.json
globalize.now 如何将硬编码 UI 字符串转换为 i18n 键?
支持 React、Next.js、Vue 及主流前端框架。在应用中连接仓库,后续扫描自动完成;也可以在编码 Agent 中运行。
正在扫描仓库……
✓ 个硬编码 UI 字符串已检出
✓ 个翻译键已生成
✓ 个语言文件已创建
✓ 术语表已生成
你的应用已具备本地化条件。
在应用中,我们基于克隆的副本操作,合并之前你的分支不会有任何改动;使用 Agent 方式时,则完全在你的本机运行。
想在编码 Agent 中运行?查看 Agent 方式 →
连接 MCP
将 Globalize MCP 接入 Claude、Cursor 或任意 MCP 客户端,即可在 Agent 中运行本地化。
端点
https://api.globalize.now/mcpClaude Code
claude mcp add --transport http globalize https://api.globalize.now/mcpCursor——添加到 ~/.cursor/mcp.json
{"mcpServers":{"globalize":{"url":"https://api.globalize.now/mcp"}}}Claude(网页版、桌面版、移动版)——在 Claude 的 Connectors 目录中添加 globalize.now。其他 MCP 客户端——将上方 URL 添加为自定义 connector。两种方式均使用 OAuth 登录,无需 API 密钥。
MCP 负责管理项目、翻译和 GitHub 同步,不会对你的代码做国际化改造。请先运行 Skill(参见开始使用)。
globalize.now 会改动仓库里的哪些内容
globalize.now 分析你的仓库,并自动引入一套完整的本地化结构。
之前
Submit order之后
{t("checkout.submit_order")}{
"checkout.submit_order": "Submit order"
}无论在应用中运行,还是通过 Agent 运行,仓库发生的改动都一样:
- 从组件中提取 UI 字符串
- 生成结构化的翻译键
- 创建语言文件
- 改写 UI 字符串,改为引用翻译键
为什么真实代码库的本地化这么痛苦
大多数应用起步时都没有考虑国际化。随着时间推移,UI 文本被直接嵌进了各个组件。
等到需要本地化时:
- UI 字符串散落在数百个文件中
- 界面中出现大量重复文案
- 翻译键从未经过设计
- 没有任何 locale 结构
这时再接入 i18n,往往意味着要重写大部分 UI。
globalize.now 会生成什么
从代码库中提取 UI 字符串
扫描组件、路由和模板中的用户可见文本。
globalize.now 如何生成结构化的翻译键?
将 UI 字符串转换为带命名空间的 i18n 键。
globalize.now 会自动生成哪些语言文件?
生成 locale JSON 文件和共享术语表。
工作原理
扫描仓库
分析代码库,检测用户可见的 UI 字符串。
规范化 UI 文本
将 UI 字符串转换为统一规范的翻译键。
生成本地化文件
创建 locale JSON 文件和共享翻译术语表。
无需重写 UI,就能为代码库加上本地化。
自动生成应用所需的 i18n 结构。
免费开始,注册即送 €5 翻译额度。更大的仓库和团队可选择付费套餐。
选择你的工作流
无论 UI 由 AI 生成,还是来自传统代码库,globalize.now 都能胜任。