i18n国际化vscode插件(du-i18n、i18n Ally)
vscode搜索du-i18n、i18n Ally插件安装https://i-blog.csdnimg.cn/direct/f51b88e12ae74c44a611b3465d945bfb.png
安装完毕后在vscode代码中右键=>国际化=>设置,然后会在项目中生成一份du-i18n的配置内容,du-i18n.config.json (如下所示)
{
"quoteKeys": [ //可以配置引用key
"this.$t",
"$t",
"i18n.t"
],
"defaultLang": "zh",//默认取tempLangs第一个元素
"tempLangs": [ //扩展语言集合
"zh",
"en"
],
"langPaths": "**/src/i18n/locale/**", //读取的语言包路径
"transSourcePaths": "**/src/i18n/source/**",//本地同步翻译的源文案文件夹
"tempPaths": "**/src/i18n/message/**",//生成语言包路径
"tempFileName": "",//新增翻译文案的文件名,若不指定,每次生成随机文件名
"multiFolders": [ // 复杂文件夹,用于分割模块
"src",
"pages"
],
"uncheckMissKeys": [],
"isSingleQuote": true,
"isOnlineTrans": true,
"baiduAppid": "", // 百度翻译的Appid
"baiduSecrectKey": ""// 百度翻译的SecrectKey
}
(需要配置百度翻译的Appid 和 百度翻译的SecrectKey,否则公用翻译额度大概会不够,导致无法生成翻译内容)
使用
https://i-blog.csdnimg.cn/direct/6a6c5434cd604cf9b7d930b4cf3bf43e.png
配置完成后可在可以在项目具体内容中扫描中文、扫描完成后插件会根据du-i18n.config.json文件中配置的tempPaths生成语言包内容
https://i-blog.csdnimg.cn/direct/87f4a68f10434c68b6b1020c3d556158.png
进入生成的语言包文件中选择在线翻译,此时假如你的baiduAppid和baiduSecrectKey没有配置的话大概翻译不成功
https://i-blog.csdnimg.cn/direct/ca7d7caf401242738b477de3243c3008.png
翻译完成后我们需要将语言包加到i18n总配置中
https://i-blog.csdnimg.cn/direct/1eb390a3f54c4f9bad147248aaf2ee29.png
https://i-blog.csdnimg.cn/direct/95c6cb310cd34c0a8f206a4cdf1250e4.png
注意:
https://i-blog.csdnimg.cn/direct/bd56b8b9eba04466974f5ee88a8a1389.png
当前的i18n Ally提示大概会有问题,假如有问题的话,需要查抄.vscode中的settings.json的配置项,如下 :
{
"i18n-ally.localesPaths": [
"src/i18n/locale"
],
"i18n-ally.namespace": true,
"i18n-ally.pathMatcher": "{locale}/**.json",
"i18n-ally.keystyle": "nested",
// "i18n-ally.keystyle": "flat"
}
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]