前端国际化，巧用工具5分钟做完别人一个星期的工作

背景

最近在做项目的多语言翻译，由于是老项目，里面需要翻译的文本太多了，如果一个个翻译的话，一个人可能一个月也做不完，因此考虑使用自动化工具实现。

我也从网上搜索了很多现有的自动化翻译工具，有 vsc 插件、webpack 或 vite 插件、webpack loader 等前人实现的方案，但是安装之后发现，要不脱离不了一个个点击生成的繁琐，要不插件安装太麻烦，安装报错依赖报错等等问题层出不穷，因此，决定自己写一个。

经过一个星期左右的开发和调试，i18n-cli 自动化翻译工具实现了，它是一个强大的国际化转换工具，专门用于将项目代码中的中文文本自动转换为国际化格式，并支持多种翻译服务(百度、谷歌、有道)进行自动翻译。

使用这个工具，五分钟就可以完成一个项目的国际化转换，可以大大提高翻译效率。工具地址：https://github.com/tenadolanter/i18n-cli

先来看看使用效果：

1、转换js
转换前

转换后

2、转换vue
转换前

转换后

3、结果

1、自动识别与转换

支持识别 JS、Vue、HTML 等文件中的中文文本
自动生成国际化 key
支持模板字符串、JSX 语法
智能处理各类特殊场景(装饰器、可选链等)

2、翻译能力

支持百度翻译 API
支持谷歌翻译 API
支持有道翻译 API
支持多语言并行翻译
自动生成翻译文件

3、配置灵活

支持自定义配置文件
可配置忽略文本和属性
支持自定义 Babel 插件和预设
支持多种语言映射配置

1、安装插件

npm install @tenado/ii18n-cli -g

2、生成配置文件

i18n-cli init

3、调整配置文件

4、执行转换

i18n-cli sync

i18n-cli 是一个功能完善、实用性强的国际化工具，通过自动化的方式大大简化了项目国际化的流程。它不仅提供了完整的中文文本识别和转换能力，还集成了多个主流翻译服务，能够满足各类项目的国际化需求。

该工具的技术实现采用了现代化的工程方案，使用 Babel 进行代码转换，确保了对各类 JavaScript 语法的良好支持。同时，其灵活的配置体系和强大的扩展能力，使其能够适应不同项目的个性化需求。

在实际应用中，i18n-cli 已经帮助众多项目成功实现了国际化，证明了其在提升开发效率、降低人工成本方面的显著价值。随着持续的优化和功能扩展，相信这个工具会在前端国际化领域发挥更大的作用。