前端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插件使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 小程序红包雨的实现示例

    小程序红包雨的实现示例

    这篇文章主要介绍了小程序红包雨的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-02-02
  • Typescript使用修饰器混合方法到类的实例

    Typescript使用修饰器混合方法到类的实例

    这篇文章主要介绍了Typescript使用修饰器混合方法到类的实例,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • js循环map 获取所有的key和value的实现代码(json)

    js循环map 获取所有的key和value的实现代码(json)

    这篇文章主要介绍了js循环map 获取所有的key和value的实现代码(json),需要的朋友可以参考下
    2018-05-05
  • 浅谈javascript如何获取文件后缀名

    浅谈javascript如何获取文件后缀名

    这篇文章主要介绍了浅谈javascript如何获取文件后缀名,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • JavaScript函数的4种调用方法详解

    JavaScript函数的4种调用方法详解

    了解函数的调用过程有助于深入学习与分析JavaScript代码。本文是JavaScript高级这个系列中的第三篇文章,主要介绍JavaScript中函数的四种使用形式
    2014-04-04
  • js中关于require与import的区别及说明

    js中关于require与import的区别及说明

    这篇文章主要介绍了js中关于require与import的区别及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • 学习JavaScript设计模式(封装)

    学习JavaScript设计模式(封装)

    这篇文章主要带领大家学习JavaScript设计模式,其中重点介绍封装,举例说明封装的思想,对封装进行详细剖析,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 微信小程序自定义弹出层效果

    微信小程序自定义弹出层效果

    这篇文章主要为大家详细介绍了微信小程序自定义弹出层效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • js执行shell命令的几种方式(Node)

    js执行shell命令的几种方式(Node)

    在做一个客户端基建项目的时候,多处需要用到JS调取命令行执行shell脚本,本文主要介绍了js执行shell命令的几种方式,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • js实现的类marquee水平循环滚动

    js实现的类marquee水平循环滚动

    marquee (水平)循环滚动的js实现 ,需要的朋友可以参考下。
    2010-03-03

最新评论