ToB企服应用市场:ToB评测及商务社交产业平台

标题: 【前端】i18n Ally插件使用 [打印本页]

---

作者: tsx81429    时间: 2024-8-2 02:38
标题: 【前端】i18n Ally插件使用
结果展示：

当鼠标放上去

vscode扩展搜i18n Ally
由于每个项目的语言可能做的都不一样，会导致无法找到真正的路径位置，所以我推荐
在项目的根目录找到.vscode再找到settings.json编辑它
比如我的翻译文件en.ts和zh-CN.ts，都在src目录下的locales目录，配置就如下

1.   "i18n-ally.localesPaths": ["src/locales"],
2.   "i18n-ally.keystyle": "nested",
3.   "i18n-ally.sortKeys": true,
4.   "i18n-ally.namespace": true,
5.   "i18n-ally.enabledParsers": ["ts"],
6.   "i18n-ally.sourceLanguage": "en",
7.   "i18n-ally.displayLanguage": "zh-CN",
8.   "i18n-ally.enabledFrameworks": ["vue", "react"],
9.   "god.tsconfig": "./tsconfig.json",
10.   "vue-i18n.i18nPaths": "src/locales"

复制代码

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

1. {
2.   "i18n-ally.localesPaths": ["src/lang/package"],
3.   "i18n-ally.keystyle": "nested",
4.   "i18n-ally.sortKeys": true,
5.   "i18n-ally.namespace": true,
6.   "i18n-ally.enabledParsers": ["json"],
7.   "i18n-ally.sourceLanguage": "zh-cn",
8.   "i18n-ally.displayLanguage": "zh-CN",
9.   "i18n-ally.enabledFrameworks": ["vue", "react"],
10.   "god.tsconfig": "./tsconfig.json",
11.   "vue-i18n.i18nPaths": "src/lang/package"
12. }

复制代码

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

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4