relx-i18n vscode 国际化插件
本开发计划旨在实现一个 VSCode 插件,用于提高 前端国际化(i18n)的效率,通过自动化处理流程来简化从文案提取、支持自动翻译和导入导出 和配合国际化管理品台实现上传和远程拉取国际化文案, 处理国际化的整个工作流。(支持React和Vue)
功能介绍
生成项目配置
- i18n 项目配置 初始化,设置基本配置文件。提供选项,允许用户自定义提取规则,如忽略特定文件或代码块。
翻译提示映射回显
- 使用到的地方回显示提示,点击跳转到定位到对应的语言文案中的位置
例如: <!-- :placeholder="$t('common.8h7441')" -> "请输入" -->
<el-input :placeholder="$t('approval.approvaldetail.8h7441')" v-model="queryParams.spuPkgVersionRuleCode" @change="handleQuery" style="width: 180px" >
支持注释忽略
/*i18n-ignore*/ const b = '被忽略提取的文案'
提取中文
- 编写代码扫描文件(如.ts、.tsx、.js、.vue 等)中的中文文案。识别并提取出所有中文文案,存储为 Json。
批量提取中文
- 在提取中文的基础上,增加批量处理功能,一次性扫描整个项目或指定目录。
自动翻译
集成翻译 API(如 Google Translate、百度翻译等),实现自动翻译功能。
导出 Excel
- 将提取或翻译后的文案导出为 Excel 文件,方便编辑和分享。
导入 Excel
- 实现 Excel 文件解析,将翻译结果映射回原始文件位置。
远程拉取文案
上传文案
- 提供上传功能,将翻译完成的文案上传至国际化翻译后台。支持配置上传的项目。
其他扩展
- 项目配置支持配置 国际化翻译后台中的id。
- 国际化翻译后台支持发布文案远程修改文案。
- 支持检查漏翻译处理文案。
| |