淺談vscode使用i18n-ally插件實現國際化

這篇文章給大家推薦一個vscode外掛程式“i18n-ally”，使用它可以建構和自動化翻譯，實現國際化。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

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

現在從同事那裡知道了一個很好用的vs code插件i18n-ally，可以建構和自動化翻譯，分享給大家，也算是自己做個記錄。

【推薦學習：《vscode教程》、《vue.js教程》】

##而且，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上文檔給了很多演示，這裡不再重複。

更多程式相關知識，請造訪：

程式設計入門！ ！

以上是淺談vscode使用i18n-ally插件實現國際化的詳細內容。更多資訊請關注PHP中文網其他相關文章！