结果展示:
当鼠标放上去
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改一下即可
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |