231103 - i18n Ally 国际化插件使用说明

发布时间 2023-11-23 15:54:53作者: 孤独的洋葱头

231103 - i18n Ally 国际化插件使用说明

i18n Ally 国际化插件使用说明

  1. 搜索安装插件;
  2. 在项目下的settings.json 加入如下配置, localesPaths 要结合项目目录进行配置;
     "i18n-ally.annotationInPlace": false,
     "i18n-ally.displayLanguage": "zh-chs",
     "i18n-ally.sourceLanguage": "zh-chs",
     "i18n-ally.namespace": true,
     "i18n-ally.localesPaths": [
         "src/locales",
     ],
    
  3. 选中需要翻译的汉字, 按 ctrl + . 快捷键, 弹出选项中选择 提取文本到 i18n 配置中;
  4. 直接回车在顶部输入框中输入i18n 的键名, 层级用. 分隔, 完成后回车, 根据需要选择相应的展示方式;
    4.1 i18n 业务文本键名参考文件路径命名, 例如: 文件管理模块的 “文件名” 字段,i18n键名应为 File.FileManage.FileName
    4.2 i18n 公用文本键名以 publics 开头, 例如: 数据表格操作列中 “编辑” 按钮的文本 ,i18n键名应为 publics.btn.edit

  5. 如果是已经存在的文案, 在按 ctrl + . 后插件会给出提示候选, 如果是公共的, 直接选择对应的配置及方式即可;
  6. 一键翻译为其他语言, 点击vscode 左侧的 i18n-ally 的图标, 可以显示每个语种的翻译情况, 选中一个语言, 点击对应的选项后?图标, 可自动翻译

    6.1 右下角会显示当前翻译的进度