VSCode中i18n ally插件无效的几个原因

在本次VUE3+Element-plus+vite+ts的一个项目中,想搞国际化,有些问题在网上也得不到解答,索性自己写一下

问题如题,原因可能有以下几点:

1.vue项目使用的i18n插件是vue3-i18n,而不是vue-i18n@next

那就两个都装上吧,npm install vue-i18n@next, 因为i18n ally插件它不认vue3-i18n,我本次也是先使用vue3-i18n写完了代码,才发现i18n ally插件无效,后面测试了将package.json中vue-i18n删除,发现i18n ally插件果然就失效了。
在这里插入图片描述

2.setting配置问题

我看网上很多帖子不知道是因为版本过于老旧,还是因为照搬的别人,按他们的配置总不得行,如果你的也遇到问题,试试下面的方式。
a> 找到项目下的.vscode路径下是否有settings.json,这个文件是i18n ally插件自动生成的,里面也是i18n ally插件自动加上的,里面应该会有一个"i18n-ally.localesPaths":“xxx”
在这里插入图片描述
b> 修改内容

{
  "i18n-ally.localesPaths": "src/i18n/language",
  "i18n-ally.enabledParsers": [ "json"], //这个最好加上,如果是其他格式,如ts,不加上就无效了
  "i18n-ally.keystyle": "nested", // 翻译路径格式,
  "i18n-ally.sourceLanguage": "en", // 翻译源语言
  "i18n-ally.displayLanguage": "zh-CN", //显示语言, 这里也可以设置显示英文为en,
    // "i18n-ally.extract.keygenStrategy": "random", // 翻译字段命名采用随机字符 枚举['slug','random','empty']
  // "i18n-ally.extract.keygenStyle": "camelCase", // 翻译字段命名样式采用驼峰
}
3.如果上面还不行,看看自己的目录结构是不是i18n ally插件所支持的

在这里插入图片描述

4.如果还有其他奇症,欢迎留言
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐