找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 查看内容

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

作者:模板之家 2021-5-28 13:55 116人关注

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

本篇文章给大家推荐一个【推荐学习:《vscode教程》、《vue.js教程》】

" target="_blank">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插件实现国际化的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章!


路过

雷人

握手

鲜花

鸡蛋
来自: 网络收集

全部回复(0)