国际多语言本地开发解决方案

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）更多

其余大多属于内部线上化配置功能，这里不再过多介绍