经典插件复活!Anthony Fu 发布 x18n!

大家好，我是 xy。

10 月 28 日，Vue 生态知名开源开发者 Anthony Fu（antfu） 又发布了一个新项目：x18n。

这次瞄准的是前端项目中长期让人头疼的 国际化管理。

Anthony Fu 在推文中介绍，x18n 集成了 CLI、Linter、可视化 UI、LSP、编辑器支持、CI/CD 和原生 AI Agent 集成。

一套工具，打通国际化开发、检查和维护流程。

更重要的是，它不限于 Vue，主打跨框架支持。

什么是 x18n？

x18n 是一个开源的国际化资源管理工具，也是经典 VS Code 插件 i18n Ally 的精神续作。

它不负责页面运行时的语言切换，而是帮助开发者管理项目里的翻译文件。

比如，我们在 Vue 项目中经常这样调用：

$t('user.login')

但实际开发中，很容易出现：

• 翻译缺失：代码里用了 Key，语言文件却没有。
• 无用翻译：页面已经删除，翻译文件还有残留。
• 翻译不同步：中文修改了，英文忘记更新。
• 占位符错误：不同语言的变量不一致。

项目一大，多语言文件动辄几千上万行，维护起来非常麻烦。

x18n 就是专门解决这些问题的。

核心亮点

1. 自动检查翻译问题

通过 Linter，可以自动检测缺失、未使用、无效的翻译 Key，以及占位符不匹配等问题。

pnpx @x18n/cli check

还支持检测过期翻译，发现源语言更新后未同步的内容。

检查可以接入 CI/CD，在提交代码时提前发现国际化问题。

2. 可视化管理界面

x18n 自带浏览器交互界面。

pnpx @x18n/cli ui

通过界面，可以统一查看和编辑不同语言的翻译内容，搜索 Key、查看使用情况和翻译状态。

不用再反复打开几十个 JSON 文件逐个修改。

3. VS Code 深度集成

除了命令行，x18n 还提供编辑器插件，并通过 LSP 支持其他兼容编辑器。

主要能力包括：

• 内联翻译预览：在代码中直接查看翻译结果。
• 跳转定义：快速定位翻译 Key。
• 查找引用：查看 Key 被哪些代码使用。
• 重命名：同步更新引用和语言资源。
• 实时诊断：直接提示缺失和错误的翻译。

这些功能延续了 i18n Ally 的开发体验。

4. 原生支持 AI Agent

这次我比较关注的就是 AI Agent 集成。

x18n 提供面向 Agent 的工具和工作流，以及稳定的 JSON 输出。

配合 Codex、Claude Code 等 AI 编程工具，可以参与翻译补全、内容检查和资源清理。

例如，让 Agent 找出项目里缺失的翻译，补齐后再调用检查工具验证。

AI 负责处理，工具负责检查，非常适合多语言项目的日常维护。

5. 兼容多种技术栈

x18n 提供 45+ 预设，能够自动识别常见框架和国际化方案。

支持：

• 前端：Vue、React、Angular、Svelte
• 全栈：Next.js、Nuxt、Astro
• 其他：Flutter、Laravel、Rails、.NET

资源格式涵盖 JSON、YAML、PO、Fluent 等。

已有 i18n Ally 用户也可以迁移部分配置。

如何使用？

在项目根目录执行：

pnpx @x18n/cli

工具会尝试自动识别国际化资源，并输出项目概况。

检查翻译：

pnpx @x18n/cli check

打开管理界面：

pnpx @x18n/cli ui

生成项目配置：

pnpx @x18n/cli init

整个上手过程非常简单。

写在最后

x18n 最大的价值，是把原本分散在编辑器、脚本和人工检查中的国际化管理工作统一起来。

尤其加入了 AI Agent 和 CI/CD 之后，很多重复性的翻译维护工作都可以自动化。

需要注意的是，x18n 不替代 vue-i18n 或 next-intl，它们可以配合使用。

项目刚刚开源，目前还在早期阶段，感兴趣的开发者可以体验一下。

项目地址：

• 官网：https://x18n.dev/
• GitHub：https://github.com/x18n-dev/x18n