vs code插件 i18n-ally 構建和自動化翻譯 實現國際化

一直以來,在Vue.js中使用Vue I18n來實現國際化多語言設置,以往都是手動去找到文件寫翻譯,比較繁瑣複雜。vue

如今從同事那裏知道了一個很好用的vs code插件i18n-ally,能夠構建和自動化翻譯,分享給你們,也算是本身作個記錄。git


並且,i18n-ally是官方推薦的第三方工具,真的是好用,誰用誰知道。github

首先在vs code中安裝插件i18n-ally。
json

其次,這是配置,以下:
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上文檔給出了不少演示,這裏再也不重複。spa

相關文章
相關標籤/搜索