国际多语言本地开发解决方案
1. 介绍
为本地开发工作提供敏捷的开发模式,提供一键扫描中文、提取文案、文案回显、在线翻译、文案上传、拉取线上文案、翻译漏检、切换语言以及分析统计等功能。i18n技术栈,兼容vue2,vue3,react,js/ts,同时满足不同阶段多语言发展的开发模式,无论是本地保存文案模式,还是线上保存文案模式皆可适用。

2. 功能
- 支持文案回显
- 支持一键扫描中文
- 支持中文提取到指定文件
- 支持本地或远程在线翻译
- 支持文案上传到远程服务
- 支持拉取线上文案,定位文案的代码位置
- 支持翻译漏检功能
- 支持语言切换显示
- 支持分析统计
- 支持配置化,满足不同开发场景
3. 兼容性
- 开发模式:支持多种不同阶段多语言发展的开发模式,保存在本地的模式,保存在线上的模式;
- 技术栈:i18n,兼容vue2,vue3,react(含js和ts)
4. 使用
1)配置
安装好之后,点击设置,自动生成配置文件du-i18n.config.json

2)文案回显
i18n要先引入生成文件夹内容,可自主配置
3)一键扫描中文


在/src/i18n/temp/自动生成随机文件,路径和文件名都可以自主配置,生成随机文件名主要是解决代码冲突问题;当然也可生成一个固定的文件,自主配置即可
4)线上翻译
分三种场景:
1)场景1:接入deyi,这种场景下,会直接调用deyi上该项目的已有的文案进行翻译;
2)场景2:没有接入deyi,创建本地翻译源文案/src/i18n/source/,会采用这里的翻译源进行翻译;
3)场景3:没有接入deyi,直接调用百度API在线翻译进行翻译,需要配置isOnlineTrans=true;
下面是直接调用百度API在线翻译的场景:
理论上可以进行任意的语言转换(比如中文翻译英文,日语翻译韩语),只要切换默认语言即可,下面就以英文翻译其他语言为例,如图

切换英文en,以英文翻译其他语言,如图
更多的语言code请参考https://fanyi-api.baidu.com/doc/21
在配置文件du-i18n.config.json中配置tempLangs扩展语言code即可。
5)翻译漏检
主要用于检查翻译遗漏情况,哪些没有翻译的文案会检测出来

5)更多
其余大多属于内部线上化配置功能,这里不再过多介绍
| |