• 技术文章 >开发工具 >VSCode

    浅谈vscode使用i18n-ally插件实现国际化

    青灯夜游青灯夜游2021-06-07 11:30:50转载312
    本篇文章给大家推荐一个vscode插件“i18n-ally”,使用它可以构建和自动化翻译,实现国际化。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    一直以来,在Vue.js中使用Vue I18n来实现国际化多语言设置,以往都是手动去找到文件写翻译,比较繁琐复杂。

    现在从同事那里知道了一个很好用的vs code插件i18n-ally,可以构建和自动化翻译,分享给大家,也算是自己做个记录。

    【推荐学习:《vscode教程》、《vue.js教程》】

    1.png

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

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

    2.png

    其次,这是配置,如下:

    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,如有侵犯,请联系admin@php.cn删除
    专题推荐:vscode vue.js i18n-ally 插件
    上一篇:vscode如何配置eslint+prettier来格式化Vue代码 下一篇:VSCode中如果配置中文界面(汉化)
    第16期线上培训班

    相关文章推荐

    • 详解vscode中如何更简单、有效地调试Node.js程序!!• 10个VSCode插件神器,总有一个适合你!!• 一文带你看看Vue Router4中的酷炫功能• 什么是Vuex?Vuex 4初学者指南• 如何在VSCode配置PHP开发环境(详细版)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网