+-
![vs code插件 i18n-ally 构建和自动化翻译 实现国际化 vs code插件 i18n-ally 构建和自动化翻译 实现国际化](https://bitbucket.org/wuhaya01/tu10/raw/2bb1a40ec0ffb67dbdca7caa772be6d52eb3c675/2021/05/27/5eeca418089a4e179d9d04daf49c4e07_300.jpg)
一直以来,在Vue.js中使用Vue I18n来实现国际化多语言设置,以往都是手动去找到文件写翻译,比较繁琐复杂。
现在从同事那里知道了一个很好用的vs code插件i18n-ally,可以构建和自动化翻译,分享给大家,也算是自己做个记录。
而且,i18n-ally是官方推荐的第三方工具,真的是好用,谁用谁知道。
首先在vs code中安装插件i18n-ally。
其次,这是配置,如下:
settings.json:
// 安装插件后可能会自动在工作区生成这行配置
"i18n-ally.localesPaths": [
"src/i18n"
],
// 以下需要自己配置
"i18n-ally.keystyle": "nested",
"i18n-ally.namespace": true,
"i18n-ally.enabledParsers": [
"json",
"js"
],
"i18n-ally.sortKeys": true,
"i18n-ally.sourceLanguage": "zh-hans",
"i18n-ally.displayLanguage": "en-us",
然后,将之前的js文件改为json格式,就可以使用了,github上文档给出了很多演示,这里不再重复。