i18n-auto-extractor
这款工具可以让你只需包裹一层,即可将翻译工作交给机器人,极大简化了手工翻译的繁琐流程。

专业内容:i18n-auto-extractor可无缝融入Vue、React及原生项目,安装后无需额外配置,开箱即用。
功能亮点:
-
内置谷歌翻译,支持100多种语言;
-
极小的包体,支持运行时的动态语言切换。
部署方式:
-
npm i -D i18n-auto-extractor
-
npx i18n-auto-extractor
(生成配置文件) -
在代码中使用:
const title = $at('欢迎来到我的网站')
使用场景:适合新项目创建时,方便后续维护翻译内容。
构建完成后,工具会自动生成:
locales/
├─ zh.json // 原中文
├─ en.json // 自动翻译
├─ fr.json // ...
auto-i18n-translation-plugins
该插件无需手动编写任何翻译函数,源代码中的中文直接进行自动翻译。

专业内容:完全零侵入,借助Babel扫描,无需更改代码。
功能亮点:
-
兼容Vite、Webpack和Rollup等构建工具;
-
可自由切换Google、有道和百度翻译源;
-
增量构建,仅翻译新增的文案,节省流量。
部署方式:
npm i -D vite-auto-i18n-plugin@^1.0.23
在vite.config.ts中配置:
import viteAutoI18n from 'vite-auto-i18n-plugin'
export default defineConfig({
plugins: [
vue(),
viteAutoI18n({
targetLangList: ['en', 'ja', 'ko'],
translator: new YoudaoTranslator({ appId: 'xxx', appKey: 'xxx' })
})
]
})
使用场景:非常适合需要频繁更新文案的项目,快捷高效,轻松适配多语言。
构建完成后,自动生成lang/index.json
可直接引入使用。
i18n-cli
这是一个命令行工具,可以在几分钟内实现老项目的多语言上线。

专业内容:CLI一键扫描,自动替换中文为t('xxx')
。
功能亮点:
-
支持Excel导入导出,便于翻译团队协作;
-
支持多翻译源如百度、谷歌和有道;
-
增量模式仅处理新增文案,避免重复工作。
部署方式:
npm i -g @ifreeovo/i18n-extract-cli
使用命令:
it --locales en,ja # 全量翻译
it --incremental # 仅增量
使用场景:适用于需要快速构建多语言支持的老项目。
最终产物示例如下:
// locales/zh-CN.json
{ "a1b2c3": "提交订单" }
// locales/en.json
{ "a1b2c3": "Submit Order" }
场景速选指南
场景 | 推荐工具 | 理由 |
---|---|---|
新项目,想持续维护 | i18n-auto-extractor | 有侵入,但长期可维护 |
老项目2天上线英文版 | auto-i18n-translation-plugins | 完全不改动源码 |
需要产品/翻译团队介入 | i18n-cli | CLI + Excel协作最顺畅 |
总结
如果你希望不再手动写t()
,可以选择auto-i18n-translation-plugins;如果乐于承担包裹一层$at()
以换取长久的省心,则i18n-auto-extractor是不错的选择;若需快速实现命令行操作与Excel协作,则不妨选用i18n-cli。这三款工具均为MIT开源,让国际化工作不再是体力活!
感兴趣的朋友可以访问以下GitHub地址获取更多信息:
i18n-auto-extractor:https://github.com/qianyuanjia/i18n-auto-extractor
auto-i18n-translation-plugins:https://github.com/auto-i18n/auto-i18n-translation-plugins
i18n-cli: