杀鸡焉用牛刀 发表于 2024-11-20 18:21:12

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]
查看完整版本: i18n国际化vscode插件(du-i18n、i18n Ally)