首頁 > 開發工具 > VSCode > 淺談vscode使用i18n-ally插件實現國際化

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

青灯夜游
發布: 2021-06-07 11:30:50
轉載
8013 人瀏覽過

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

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

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

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

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

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

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

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


淺談vscode使用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中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板