前端i18n Ally插件使用方法简单介绍

更新时间：2024年11月01日 09:49:44 作者：Lucky小维

为了解决VSCode扩展i18nAlly在不同项目中无法正确找到翻译文件路径的问题,推荐在项目根目录下的.vscode目录中编辑settings.json文件进行配置,需要的朋友可以参考下

效果展示：

当鼠标放上去

vscode扩展搜i18n Ally

由于每个项目的语言可能做的都不一样，会导致无法找到真正的路径位置，所以我推荐

在项目的根目录找到.vscode再找到settings.json编辑它

比如我的翻译文件en.ts和zh-CN.ts，都在src目录下的locales目录，配置就如下

  "i18n-ally.localesPaths": ["src/locales"],
  "i18n-ally.keystyle": "nested",
  "i18n-ally.sortKeys": true,
  "i18n-ally.namespace": true,
  "i18n-ally.enabledParsers": ["ts"],
  "i18n-ally.sourceLanguage": "en",
  "i18n-ally.displayLanguage": "zh-CN",
  "i18n-ally.enabledFrameworks": ["vue", "react"],
  "god.tsconfig": "./tsconfig.json",
  "vue-i18n.i18nPaths": "src/locales"

再如我的翻译文本是en.json和zh-CN.json，都在src目录下的lang/package下，配置就如下

{
  "i18n-ally.localesPaths": ["src/lang/package"],
  "i18n-ally.keystyle": "nested",
  "i18n-ally.sortKeys": true,
  "i18n-ally.namespace": true,
  "i18n-ally.enabledParsers": ["json"],
  "i18n-ally.sourceLanguage": "zh-cn",
  "i18n-ally.displayLanguage": "zh-CN",
  "i18n-ally.enabledFrameworks": ["vue", "react"],
  "god.tsconfig": "./tsconfig.json",
  "vue-i18n.i18nPaths": "src/lang/package"
}

如果发现翻译是英文的则看下vscode右下角的en改一下即可

总结

到此这篇关于前端i18n Ally插件使用方法的文章就介绍到这了,更多相关前端i18n Ally插件使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
这篇文章主要介绍了微信小程序实现可拖动悬浮图标(包括按钮角标的实现),本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-12-12
js金额千分位的6种实现方法实例
在前端开发中经常会遇到这样一种需求,使用Javascript格式化数字进行输出,下面这篇文章主要给大家介绍了关于js金额千分位的6种实现方法,需要的朋友可以参考下
2022-03-03
详细解析let和const命令
这篇文章主要介绍了详细解析let和const命令，let和const是es6中新增的命令，一般let用来声明变量而const则用来声明常量，更多相关内容感兴趣的小伙伴可以参考一下
2022-06-06
select每选择一个option选项减少对应的option实现方法
这篇文章主要为大家介绍了select每选择一个option选项减少对应的option实现方法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-12-12
微信小程序自定义计时器功能
这篇文章主要为大家详细介绍了微信小程序自定义计时器功能，设置一个时间，可以开始倒计时、暂停，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-09-09
javascript之通用简单的table选项卡实现(二)
上篇中的选项卡存在这样的问题：把逻辑封装在table.js中，不够灵活，也就是说如果某个选项卡是实现异步请求或者跳转，而非div的显隐切换，那么就得修过table.js来达到目的，显然不是我所需要的。
2010-05-05
微信小程序中使用wxss加载图片并实现动画效果
记录微信小程序中使用wxss加载图片并实现动画的方式，最终实现loading效果。本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧
2018-08-08
Javascript中Null和undefined的简单理解
在JavaScript中存在这样两种原始类型:Null与Undefined,这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined,下面这篇文章主要给大家介绍了关于Javascript中Null和undefined的相关资料,需要的朋友可以参考下
2022-04-04
使用controller接收js传过来的参数问题
这篇文章主要介绍了使用controller接收js传过来的参数问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-02-02
JavaScript调用ajax获取文本文件内容实现代码
这篇文章主要介绍了JavaScript调用ajax获取文本文件内容的方法,需要的朋友可以参考下
2014-03-03

前端i18n Ally插件使用方法简单介绍

目录

效果展示：

vscode扩展搜i18n Ally

总结

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具