【前端】i18n Ally插件使用
创始人
2024-11-19 06:07:13

效果展示:
在这里插入图片描述
当鼠标放上去
在这里插入图片描述
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改一下即可

相关内容

热门资讯

刚刚,Claude最新功能泄露... 新智元报道 编辑:定慧 大卫 【新智元导读】2026年5月4日,testingcatalog在An...
高分辨大宽带集成光子光谱仪成功... 麦姆斯咨询获悉,近日,中国科学院南京天文光学技术研究所天文光子学团队在面向天文观测的高分辨大宽带集成...
性价比高又稳定的云手机哪个好?... 作为搬了4年砖、踩过无数云手机坑的老玩家,今天直接给你们唠唠性价比高又稳定的云手机选法,全是实战干货...
以灵石破局,万物云参编国内首部... 4月23日,由低碳智慧建筑产业技术创新战略联盟与北京清华同衡规划设计研究院有限公司主办、万物云作为协...
专访 | CLA成功反哺全球 ... 2026年,是奔驰诞生的140周年,也是奔驰进入中国内地市场的20周年。 140年间,从第一款汽车问...