react-i18n-next

react-i18n-next 多语言插件（需要配置远端语料地址）

开始

vscode 插件市场搜索 react-i18n-next，下载安装

如果多语言远端有更新，打开 vscode 命令行，执行 更新中文语料(i18nUpdate)，可以同步刚刚发布的语料到本地

支持识别 useTranslation 和 useI18n hook 传入的命名空间(需要限制一个文件只有一个命名空间)，需要使用 t或者I18n或者i18n作为转换函数名字

支持通过 react-i18n-next.translateFn 字段配置翻译函数，默认 t|I18n|i18n

export const Test = () => {
  const { t } = useTranslation();
  return <div>{t("key")}</div>;
};

export const Test = () => {
  const t = useI18n();
  return <div>{t("key")}</div>;
};

export const Test = () => {
  const { t } = useTranslation("namespace");
  return <div>{t("key")}</div>; // namespace.key
};

export const Test = () => {
  const t = useI18n("namespace");
  return <div>{t("key")}</div>; //  namespace.key
};

alt text

光标选中需要转换的代码(cmd+A 全选也可以)，右键选择 中文语料转换到key(i18nTransform)，可以将中文替换为对应的 key。
alt text

打开 vscode 命令行，执行 中文定位到key(i18nSearch)，输入想搜索的中文，可查找到该中文对应的文件位置