i18n工具探索

背景

一个英文版本的vue系统需要做汉化，干脆用vue-i18n做个语言切换比较便利（关于vue-i18n的做法本文不介绍，本文基于已经做了vue-i18n的基础上，对后续逐一替换中文或者英文做一点提效）。但是替换全局文件里的英文是项体力活，遂寻找可以提高效率的方法，网上方案推荐用vscode插件去扫描识别替换，再自动翻译，探索工具如下

1.DU I18N

优点：上手快捷，下载插件-关闭VsCode所有窗口-重启VsCode-打开自动生成的du-i18n.config.json去配置下语言，默认中转英就不需要配置了，然后右键菜单就可以扫描中文直接用

缺点：好像不支持扫描英文，我换了默认语言，当前语言配置，右键菜单还是只有扫描中文，不符合我的要求

2.i18n Ally

优点：适应多种框架，可以扫描任意语言，插件界面功能更细致，可看到扫描内容、翻译进度等；

缺点：配置容易踩坑，安装插件-重启VsCode之后容易报错：“没有找到文案文件。 项目配置可能存在问题”，注意下localesPaths的路径，和对应文件夹下要有语言文件的json，我的配置如下，更多配置戳下面的链接Sanguine/i18n-ally

setting.json中关于i18n-ally的配置文字版如下（setting.json打开方式：打开vscode，ctrl+shift+p然后输入setting.json，打开用户配置）

  "i18n-ally.keystyle": "nested",
  "i18n-ally.localesPaths": ["src/lang"],
  "i18n-ally.sourceLanguage": "en",
  "i18n-ally.displayLanguage": "zh-CN",

对应官方推荐的目录结构方式一

完成上述配置后，发现受网络影响翻译不了，还好方法总比困难多，插件三来了

3.i18n pro

下载插件安装重启之后，基本上上个插件的配置配好了就行了，再补充一个百度翻译的配置就可以用国内翻译了，

用法：

关于此插件鸣谢这篇文章https://juejin.cn/post/7213665579701731385