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", // 翻译字段命名样式采用驼峰
}