littlebot
Published on 2025-04-03 / 1 Visits
0

【源码】基于React的国际化工具

项目简介

本项目是基于react-intl-universal库的国际化工具,可帮助开发者自动识别和提取国际化文案,还能进行批量检测和处理,有效提升多语言管理与维护的效率和准确性。

项目的主要特性和功能

主要特性

  1. 自动查找已有Key并自动补全:依据当前文件位置自动查找并处理国际化文案。
  2. 实时提示未翻译文案:在编辑器中标出未翻译文案并自动标红,支持跳转。
  3. 支持自定义翻译逻辑:可通过配置实现自定义翻译逻辑,支持服务器自动翻译。

功能介绍

  1. 自动查找已有Key并处理
    • 替换全部:自动替换文件里的所有国际化文案。
    • 只替换Key:仅替换指定的国际化Key。
    • 处理HTML:识别并处理HTML中的国际化文案。
    • 处理动态变量:识别并处理代码中的动态国际化变量。
  2. 自动提交服务器翻译
    • 若配置为内部使用(isAli设为true),可自动提交到美杜莎进行翻译。
    • 支持自动生成Key并翻译。
  3. 查看所有文件,标识未翻译文案
    • 自动标识未翻译的文案,并在编辑器中自动标红。
    • 支持自动跳转至未翻译文案所在位置。

安装使用步骤

假设用户已下载本项目的源码文件。 1. 安装依赖:使用npm或yarn安装项目依赖。 bash npm installbash yarn install 2. 配置国际化信息:根据项目需求配置国际化配置信息(intl.config.js)。 3. 运行项目:通过npm或yarn启动项目。 bash npm startbash yarn start 4. 使用工具:在编辑器中使用本工具进行国际化处理和检查。

详细配置请参照项目中的README.md文件,包含localeDirgetLanglangKeydefaultLangdisplayErrorLangsdisplayWarnLangs等配置项的解释和示例。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】