关于前端:vs-code插件-i18nally-构建和自动化翻译-实现国际化

1次阅读

共计 520 个字符,预计需要花费 2 分钟才能阅读完成。

始终以来,在 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 上文档给出了很多演示,这里不再反复。

正文完
 0