翻译辅助工具

翻译辅助工具, 多语言自动翻译, i18n, 前端自动翻译, auto translate

安装命令

npm install nice-ts-tool

下面是 Reat 使用示例

采用 nice-ts-tool 工具进行语言包的提取，在 package.json 中添加了 ts-tool 命令，运行 npm run ts-tool 即可快速提取指定项目多语言，而项目中使用仅需 t('需翻译中文')即可。

import { useTranslation } from "react-i18next";
export default function Demo() {
    const { t } = useTranslation();
    return <div>t('翻译')</div>;
}

运行命令 npm run ts-tool

得到位于@/src/i18n 以下多语言包, 在@/src/i18n/index.ts 中引用

src
--i18n
----en.json
----zh.json

关于 nice-ts-tool 命令说明如下

ts-tool：插件安装后的命令 enter=src：需要提取翻译的路径 output=src/i18n：输出的目录路径 suffix=".(jsx|tsx|js|ts|vue)$"：检索文件后缀 langs="zh|en"：输出的多语言包

"scripts": {
    ...
    "ts-tool": "ts-tool enter=src output=src/i18n suffix=".(jsx|tsx|js|ts|vue)$" langs="zh|en""
}